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