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脚本来浮动我的所有东西。在我所有花车的尽头，我用它们清除它们：

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

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

style="overflow: auto;"

现在在IE和Chrome上一切都很好，并恢复了背景，但在firefox上既没有内容也没有背景。在删除代码时，内容在那里，但背景不是。

这是为什么？最让我感到惊讶的是，IE工作并且firefox没有？！

Answer 1

<强>编辑：

在包装 css中添加clear:both或clear:left和overflow:auto;。

#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>上方的标记栏 <div>向左浮动，因此您需要清除浮动。

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

页面不显示FIREFOX上的内容，但在Chrome，甚至IE中都有显示内容

1 个答案: