看到這個簡單的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 }不僅浮到左邊,也向上。有沒有辦法避免沒有或沒有額外的標記?
看到這個簡單的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 }不僅浮到左邊,也向上。有沒有辦法避免沒有或沒有額外的標記?
您需要在行之間使用對象級別的間隔符,或者每行需要單獨的容器才能在IE7中工作。
的例子是,在這個線程: Floating and clearing in IE7
,這是在列表中,但同樣也適用於div的。
IE7浮動是一種痛苦! 這個線程可以幫助: http://stackoverflow.com/questions/9330995/floating-and-clearing-in-ie7/9331118#9331118 – Evert 2012-03-07 11:13:40