IE7：请向左浮动，但不要向上浮动

Question

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

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

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

但在 IE7 模式下显示如下：

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

带有

的 DIV

{ 浮动：左； clear:none }

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

Answer 1

你需要在你的行之间有一个对象级间隔，或者每行有一个单独的容器，以便它在 IE7 中工作。

示例在此线程中： Floating and clearing in IE7

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