css floating and iexplorer

Question

我有兩個div，在chrome，ff和safari中正確浮動，但不是iexplorer，右邊div出現在左邊的div下方，浮動到右邊 - 兩個div由寬度爲外部的div包裹800px;

<div class="b_left"> 

</div> 

<div class="b_right"> 

</div> 

.b_left{ 
     width:350px; 
     margin-left:80px; 
     float:left; 
     display: block; 
    } 

    .b_right{ 
     float:right; 
     width:350px; 
     height:280px; 
     background-color:#c8c8c8; 
     display: block; 

    } 

Answer 1

這是一個錯誤，即它使邊距加倍。您必須將內聯顯示添加到.b_left。

display: inline 

Answer 2

我創建了一個快速的jsfiddle這裏：http://jsfiddle.net/6JWq9/

而且它顯示了就好了。我懷疑你有其他代碼添加了填充或邊距。 查看我的示例，讓我知道與您的不同之處，並且我可以更新我的答案。

Answer 3

只要把margin：0;填充：0;在所有三個divs，並從那裏去檢查。還重置樣式是必須的IE瀏覽器，我使用埃裏克邁耶的。 （易於谷歌）。

此外，顯示：內聯;在有保證金的那家公司會修復IE6我懷疑。

Answer 4

當使用div的列，我假設你正在爲此打算，最好只浮動其中一個div。

說我有一個叫做600px寬的內容的div，裏面有兩個300px的div，leftblock和rightblock。而不是左移左側塊和右側塊，而是左移左側塊，並在右側塊上放置一個300像素左右的空白。這會將右側塊向右推，並確保左側塊可以放置在旁邊，同時防止IE顯示異常。

希望這會有幫助