html - 我怎样才能修复它在 chrome 中的样子

Question

刚开始编写网站代码，因此没有太多代码需要处理，但我对页眉的对齐方式有疑问。如果您查看 this page在 Internet Explorer 和 Chrome 中，您会注意到登录框在 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;
}

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

Answer 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%;
    }