刚开始对网站进行编码,因此没有太多代码需要经过,但是我的标头对齐方式存在问题。
如果您在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代码。这将显示您的预期输出。

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

关于html - 我该如何修复Chrome中的外观,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27192975/

10-09 23:47