css - IE7 : float left, 但不是向上，请

Question

查看这个简单的 HTML 代码:http://www.pastie.org/3540274

在现代浏览器甚至 IE8 和 IE9 上它看起来像这样:

[A1]
[B1][B2]
[C1][C2][C3]

但是在 IE7 模式下它显示如下:

[A1][B2][C2]
[B1][C3]
[C1]

DIVs

{ float:left; clear:none }

不仅向左漂浮，而且向上漂浮。有没有办法在没有或没有太多额外标记的情况下避免这种情况？

Answer 1

为了使其在 IE7 中工作，您的行之间需要一个对象级间隔符，或者每行有一个单独的容器。

示例在这个线程中: Floating and clearing in IE7

这在列表中，但同样适用于 div。