2012-03-07 91 views
1

看到這個簡單的HTML代碼:http://www.pastie.org/3540274IE7:左浮動,而不是向上,請

在現代瀏覽器,甚至IE8和IE9它看起來像這樣:

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

然而,在IE7模式下,它的顯示器像:

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

的div

{ float:left; clear:none }
不僅浮到左邊,也向上。有沒有辦法避免沒有或沒有額外的標記?

+0

IE7浮動是一種痛苦! 這個線程可以幫助: http://stackoverflow.com/questions/9330995/floating-and-clearing-in-ie7/9331118#9331118 – Evert 2012-03-07 11:13:40

回答

0

您需要在行之間使用對象級別的間隔符,或者每行需要單獨的容器才能在IE7中工作。

的例子是,在這個線程: Floating and clearing in IE7

,這是在列表中,但同樣也適用於div的。

+0

感謝。我想我必須去裝容器。我希望有一個沒有標記的解決方案。對於任何感興趣的人來說,這裏是經過修改的工作示例http://www.pastie.org/3541882 – l90r 2012-03-07 15:39:46

+0

是的,不幸的是IE7確實需要額外的標記。我還沒有找到一個有效的CSS唯一的解決方案,我一直在尋找自ie7是新的! – Evert 2012-03-07 15:45:56