IE7 DIV浮動錯誤

我有以下IE7 DIV浮動錯誤

<div id="border" style="width:100%; border:8px solid #FFF"> 
    <div id="menu" style="width:250px; float:left;" > 
     Some menu 
    </div> 
    <div id="content" style="padding-left:270px; width:520px;" > 
     Main page content 
    </div> 
</div>

這給了我左對齊的菜單和內容發送到它的右側，全部由邊框所包圍。

在包括IE8在內的所有瀏覽器上，它都能正確顯示。

但是，在IE7上，內容僅在菜單下方開始，並在菜單的右側留下一個大的開放空間。

我已經搜索了所有類型的解決方案，並嘗試了各種組合，右，左，沒有浮動。清理左右兩邊。它總是在瀏覽器上顯示不同的內容。

任何幫助表示讚賞。 Michael

來源

2010-04-08 Michael Frey

刪除內容div上的填充並將其設置爲向左浮動。

你可能要忍受<div style="clear: left"></div>它

來源

2010-04-08 10:10:28 NibblyPig

我已經試過了之後。它不起作用，因爲邊界div的高度爲0，從而消除了邊界。添加div清除：左側工作。非常感謝。 – 2010-04-08 10:15:01

沒問題，不要忘了接受答案，如果他們通過點擊小勾號解決您的問題:) – NibblyPig 2010-04-08 10:21:18

剛剛意識到問題已修復在IE7中，但現在我有一個新的問題在Chrome中。內容現在顯示在菜單的右側，當菜單結束時，內容繼續在菜單下。在IE7中，內容沿着直線延伸，而不與左側對齊。 – 2010-04-08 10:27:14

IE7 DIV浮動錯誤

回答

相關問題