在IE中清除浮動8

我想在.NET MVC中構建一個頁面（不是這個問題），其中一個div使用浮動分成左和右容器。當我嘗試使用<b>標籤（例如<div>或<br>）以外的任何東西清除浮動塊時，IE8將不會正確呈現頁面（就好像它忽略了標籤中的樣式）。如果我使用<b>標記，則Chrome和Firefox不會正確呈現網頁。我已經過了我的HTML，以確保我沒有任何雜散標籤，並已通過W3C標記驗證程序運行，並且嚴格通過XHTML 1.0。我對這裏可能發生的事情感到不知所措。我意識到有更好的方法來清除浮動（例如使用：僞元素之後），但我需要一些簡單而乾淨的東西。我想知道是否有人有什麼想法可能會導致這種情況發生，也許是樣式表中的某些東西？預先感謝您的幫助。在IE中清除浮動8

來源

2009-12-30 jimbo

請張貼SSCCE（http://sscce.org）。所需的最低限度（且有效）HTML/CSS，用於重現並提供您所遇到的問題。 – BalusC

我發現了它。愚蠢的IE瀏覽器。我不得不把我的div的高度設置爲100％。我猜Mozilla和Chrome假設IE沒有100％的高度。我應該更加明確。問題是，當我使用DIV標籤清除浮動塊時，沒有任何東西出現在我的容器中，或者背景顏色無法填充。我不得不安裝IE開發工具欄來弄清楚發生了什麼事情。

<div id="floatcontainer" style="width:100; height:100%;"> 

<div id="floatleft" style="float:left; width:50%; background-color:#454545;"></div> 
<div id="floatright" style="float:right; width:50%;"></div> 
<div id="clear" style="clear:both;"></div> 

</div>

來源

2009-12-30 17:48:31 jimbo