1

奇怪的是，我的一个页面的某些方面没有显示在 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%;

这确保了漂亮的灰色背景。此外，我正在使用砖石 jquery 脚本来浮动我所有的东西。在我所有的花车结束时，我用以下命令清除它们：

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

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

style="overflow: auto;"

现在在 IE 和 Chrome 上一切都很好，并且恢复了背景，但在 Firefox 上，内容或背景都看不到。删除代码时，内容在那里，但背景不存在。

为什么是这样？最让我吃惊的是 IE 可以工作而 Firefox 没有？！

4

1 回答 1

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 */
}

因为wrapper上方的tagbar 是向左浮动的，所以需要清除浮动。<div> <div>

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

于 2012-08-07T11:31:14.053 回答