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

Question

请参阅此简单的HTML代码：http://www.pastie.org/3540274

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

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

但是在IE7模式下，它显示如下：

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

{ float:left; clear:none }

的DIV不仅向左浮动，而且向上浮动。有没有办法避免没有或没有额外的标记？

Answer 1

您的行之间需要一个对象级别的间隔符，或者每行需要一个单独的容器才能在IE7中工作。

示例在此主题中： Floating and clearing in IE7

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