資源管理器中的左浮動元素出現在該元素後面（不在下面）後的DIV

爲什麼2個框在IE7中並排，而「b」在其他瀏覽器（它應該是）的「a」下？資源管理器中的左浮動元素出現在該元素後面（不在下面）後的DIV

<html> 
<head> 
<style type="text/css"> 
.a { float:left; width:100px; height:50px; background-color:#CCC; } 
.b { width:75px; height:75px; background-color:#F00; } 
</style> 
</head> 

<body> 
    <div class="a">a</div> 
    <div class="b">b</div> 
</body> 
</html>

使用try-IT編輯的實時預覽（複製粘貼我的代碼）：http://www.w3schools.com/css/tryit.asp?filename=trycss_float4

編輯：我想在IE瀏覽器修復，因此做同樣的事情爲FF，鉻， Safari瀏覽器等

感謝

來源

2010-01-23 Mike Gleason jr Couturier

閱讀有關The IE Float Model Problem

來源

2010-01-23 17:16:07 jessegavin

我會檢查，謝謝 – 2010-01-23 20:34:12

由於這是真的發生了什麼事情，既然沒有解決方法，我採取了另一種方法。這仍然回答我的問題，謝謝。 – 2010-01-24 06:35:35

添加clearb迫使它在所有瀏覽器a下出現：

.b { clear: both; width:75px; height:75px; background-color:#F00; }

來源

2010-01-23 17:16:26 Dolph

我希望它下面（不在/另一行）像它應該是 – 2010-01-23 20:31:03

如果你想下面的元素，爲什麼還要使用浮動？改用display:block，還是我忽略了一些東西？

來源

2010-01-23 17:59:01 3zzy

不要問爲什麼;）嚴重的是，這是我能想出的最簡單的樣本。和IE顯然有一個顯示問題..我想要一個IE修復 – 2010-01-23 20:32:26

資源管理器中的左浮動元素出現在該元素後面（不在下面）後的DIV

回答

相關問題