html - 页面在 FIREFOX 上不显示内容，但在 Chrome 甚至 IE 中显示内容

Question

奇怪的是，我的某个页面的某些方面没有在 FireFox 上显示。我已将问题缩小为:

主页(适用于所有浏览器)<div id="wrapper">具有以下 CSS:

margin: 0px auto;
width: 1000px;
background-color: #272727;
min-height: 100%; /* ie6 ignores min-height completely */
height: 100%;
background-size:100%;

这确保了漂亮的灰色背景。我还使用 masonary jquery 脚本来 float 我所有的东西。在我所有的花车结束时，我用 :

清除它们

<div style="clear: both;"></div>   

这让一切变得完美。但是在另一个页面上，这似乎不起作用，所以我将这行代码添加到包装器样式(对于该页面)

style="overflow: auto;"

现在在 IE 和 Chrome 上一切正常，恢复了背景，但是在 firefox 上既看不到内容也看不到背景。去掉代码后，内容还在，背景没了。

这是为什么？最让我吃惊的是 IE 能用而 firefox 不行？!

Answer 1

已编辑:

添加clear:both或 clear:left和 overflow:auto;在 wrapper CSS 中。

#wrapper {
    background-color: #272727;
    background-size: 100% auto;        
    height: 100%;
    margin: 0 auto;
    min-height: 100%;
    width: 1000px;
    clear: both; /* Added Clear Property */
    overflow:auto; /* Added Overflow Property */
}

因为标签栏 <div>在wrapper之上<div>向左浮动，所以你需要清除 float 。

http://img841.imageshack.us/img841/3145/imgej.png