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

【问题标题】：IE6/7 bug: there are empty space without any logical reasonIE6/7 bug：没有任何逻辑原因的空白空间
【发布时间】：2011-07-09 21:41:20
【问题描述】：

这真的很奇怪（嗯，就像许多 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%;
}

欢迎提出任何建议！

【问题讨论】：

我尝试在 IE 9 中以 IE 7 模式查看页面，但它使浏览器崩溃...

标签： css internet-explorer-7 internet-explorer-6

【解决方案1】：

从页脚中删除float:left，

那么这会使其他浏览器“折叠”#footer 的上边距，因此如果您还将overflow: hidden 添加到#wrapper 它应该使它们均匀..

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

至少我希望 ;)

【讨论】：