CSS浮動和iexplorer

Question

我有兩個div，它們分別在chrome，ff和safari中正確浮動，但不是iexplorer，右div出現在向右浮動的左div下面-兩個div被寬度為800px的外部div包裹；

<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

當我將div用於列時（我假設這是您打算這樣做的），最好只浮動其中一個div。

假設我有一個稱為content的div，該div的寬度為600px，其內部為leftblock和rightblock兩個300px div。 我不是將左塊向左浮動，而是將右塊向右浮動，而是將左塊向左浮動，並在右塊上放置300px的空白邊距。 這會將右圖塊推向右側，並確保左圖塊適合在其旁邊放置的空間，同時防止IE奇怪地顯示。

希望這可以幫助

Answer 2

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

它顯示得很好。 我懷疑您還有其他添加填充或邊距的代碼。 查看我的示例，讓我知道與您有什么不同，我可以更新答案。

Answer 3

這是一個錯誤，即它使利潤增加了一倍。 您必須向.b_left添加內聯顯示。

display: inline

Answer 4

只需輸入保證金：0; 填充：0; 在所有三個div上，然后從那里進行檢查。 對於IE，重置樣式也是必須的，我使用的是Eric Meyer。 （對Google來說很容易）。

另外，顯示：inline; 我猜想在保證金上會修復它。