Css 请向左浮动,但不要向上

Css 请向左浮动,但不要向上,css,internet-explorer-7,cross-browser,css-float,Css,Internet Explorer 7,Cross Browser,Css Float,请参见以下简单的HTML代码: 在现代浏览器上,甚至在IE8和IE9上,它看起来是这样的: [A1] [B1][B2] [C1][C2][C3] 但是,在IE7模式下,它显示如下: [A1][B2][C2] [B1][C3] [C1] 带有{float:left;clear:none}的div不仅向左浮动,而且向上浮动。有没有一种方法可以避免在没有或没有太多额外标记的情况下出现这种情况?您的行之间需要一个对象级别的间隔符,或者为每行提供一个单独的容器,以便它在IE7中工作 本线程中的示例如下

请参见以下简单的HTML代码:

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

[A1]
[B1][B2]
[C1][C2][C3]
但是,在IE7模式下,它显示如下:

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

带有{float:left;clear:none}的div不仅向左浮动,而且向上浮动。有没有一种方法可以避免在没有或没有太多额外标记的情况下出现这种情况?

您的行之间需要一个对象级别的间隔符,或者为每行提供一个单独的容器,以便它在IE7中工作

本线程中的示例如下:


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

IE7浮动是一种痛苦!这条线可能会有帮助:谢谢。我想那我就得用集装箱了。我希望有一个没有标记的解决方案。对于任何感兴趣的人来说,这里是修改后的工作示例是的,不幸的是IE7确实需要额外的标记。我还没有找到一个有效的css唯一的解决方案,我一直在寻找,因为ie7是新的! { float:left; clear:none }