我有一个流体宽度的网站,标题区域中心有一个徽标。无论窗口大小如何,徽标都保持在中心位置。适用于除ie9之外的所有浏览器。在ie9中它被卡在右边。如果我能把它卡在左边那将是一个妥协,但权利不会做。我最好的猜测是ie9不支持css代码:
.logo {
width:100%;
position:relative;
}
.logo img {
margin-left:auto;
margin-right:auto;
display:block;
}
这是网站http://www.cyberdefenselabs.org/
任何人都知道ie9的解决方法不会影响其他浏览器或涉及剧烈的重新编码?
答案 0 :(得分:0)
您的.social-header-wrap
元素包含未正确清除的浮动元素。添加此样式:
.social-header-wrap {overflow:hidden}
答案 1 :(得分:0)
上面的人是正确的 - 你的浮子没有被正确清理。 但是你应该在更改样式之前整理你的布局,因为你有3次相同的主菜单,但其中1个隐藏,1个(第一个)白色链接。 只需删除第一个主菜单(带有“social-header-wrap”类的div)也可以解决问题。
答案 2 :(得分:0)
使用时
margin:auto;
你应该说
margin:0 auto;
摆脱margin-left和-right并更改为margin:0 auto;
包含元素也需要是text-align:center,你可以通过将text-align:left放在你居中的元素中来撤消。