div背景颜色切断

Question

以下是IE6中的外观屏幕截图，其他所有内容均可正常使用：http://i39.tinypic.com/2lcr4uw.png

在div class =“article odd”中，有溢出：auto;集。

然后它有一个ul列表（w / clear：both; set），向左浮动，与li分开50％

任何建议都将不胜感激。

Answer 1

是的，这是使用overflow：auto来包含浮点数的错误。如果您添加宽度/高度，您将解决这个问题。例如，宽度：100％。

以下是有关此信息的精彩页面。 http://www.quirksmode.org/css/clearing.html

绝对不要使用“清除div”。它添加了不需要的标记，并且还有浏览器打印的怪癖。

编辑：如果这没有用，我想你需要给我们一些示例代码而不是图片。

Answer 2

我同意Hexxagonal，不要插入额外的清算div。最好只用CSS修复它。

我更喜欢给IE6 height: 1%;或zoom: 1;，它会触发IE的hasLayout。对于IE中的浮点数，overflow: hidden;或overflow: auto;对Firefox，Opera，Safari等也是如此。

Answer 3

<div class="article odd">
  <ul>
  </ul>
  <div class="clear"></div>
</div>

css
---
.clear
{
   clear: both;
}