我怎样才能修复它在 chrome 中的样子答案

【问题标题】：how can i fix how this looks like in chrome我怎样才能修复它在 chrome 中的样子
【发布时间】：2014-11-29 00:54:19
【问题描述】：

刚开始编写网站代码，所以没有太多代码需要处理，但我的标题对齐方式存在问题。如果您在 Internet Explorer 和 chrome 中查看 this page，您会注意到登录框在 chrome 中不合适。

这是我的样式表：

    body {

}


.header {
background: url(img/header-bg.png) repeat-x;
}
a {}
.header_links_left {
font-family: Tahoma,Geneva,Kalimati,sans-serif;
font-size:20px;
text-decoration:none;
color: #FFFFFF;
padding-right:30px;
top:3px;
}
.header_links_right {
font-family: Tahoma,Geneva,Kalimati,sans-serif;
font-size:20px;
text-decoration:none;
color: #FFFFFF;
padding-left:25px;
padding-right:5px;
float: right;
top:3px;
}
.align_right{
right:0px;
position:fixed;
}
h1{}
.header1{
font-family: Tahoma,Geneva,Kalimati,sans-serif;
font-size:40px;
padding-top:-3px;
}

如果您能告诉我是什么原因造成的，那就太好了，谢谢。

【问题讨论】：

你在使用 CSS 重置吗？
不，我将如何实现这个？
见Here
没错！标准边距和填充因不同的浏览器和版本而异。 CSS Reset 会显式覆盖这些值，因此它们在浏览器中是相同的。
@Paulie_D 我从未见过那个网站（“让我帮你搜索一下”）.. 太棒了！

标签： html css google-chrome internet-explorer

【解决方案1】：

在您的相应行中更改此 css 代码。它将显示您的预期输出。

第 10 行的 style.css

.header_links_left {
font-family: Tahoma,Geneva,Kalimati,sans-serif;
font-size: 20px;
text-decoration: none;
color: #FFFFFF;
padding-right: 30px;
float: left;
}

第 35 行的 style.css

.header1 {
    font-family: Tahoma,Geneva,Kalimati,sans-serif;
    font-size: 40px;
    padding-top: 3px;
    float: left;
    width: 100%;
    }

【讨论】：

给你一个建议。标记没有足够的 div 标记来设置此页面的样式。你必须先学习如何正确地编写html代码。
出了什么问题，我没有一个浮点数？还有另一件事，正如您现在所看到的，我的页面内容已经上升到顶部。有没有一种简单的方法来解决这个问题，还是我必须把它放在一个 div 中并使其具有一定的宽度？

【解决方案2】：

添加 clearfix 可以解决您遇到的问题。

.clearfix {
    display: table;
    clear:both;
    content: " ";
}

您可以将类添加到body标签中。

我还建议您添加 CSS 重置。或者你可以使用 normalize.css

【讨论】：