Question

这真的很奇怪（好吧，就像很多IE漏洞一样）。该页面为here。所有现代浏览器的一切都很好，但IE6和IE7页脚与页面底部之间有一个空白区域。只是无法想象是什么原因。我正在使用IE7.js hack，但在这里没有帮助。

屏幕截图：IE6和IE7。

页脚CSS：

#footer {
    background: url("images/footer_bg.png") repeat scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF;
    float: left;
    font-family: 'Special Elite',arial,serif;
    font-size: 13px;
    line-height: 85px;
    margin-top: 90px;
    min-height: 85px;
    text-align: center;
    width: 100%;
}

任何建议都表示赞赏！

Answer 1

从页脚中删除float:left

然后这会使其他浏览器“崩溃”#footer的上边距，因此如果您还将overflow: hidden添加到#wrapper，它应该会使它们变得均匀..

re：bug：IE6 / 7的宽度触发hasLayout，而不是避免这种情况，包装器上的溢出使每个人都相同

至少我希望;）

IE6 / 7 bug：没有任何逻辑原因，有空的空间

1 个答案: