css floating和iexplorer

Question

我有两个div，在chrome，ff和safari中正确浮动，但不是iexplorer，右边的div显示在左边的div下面 - 两个div由一个宽度为800px的外部div包裹; < / p>

<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。

假设我有一个名为内容的div，宽度为600px，内部有两个300px div，leftblock和rightblock。而不是向左和向右浮动左侧块我而是向左浮动左侧块并在右侧块上放置300px边距。这会将右侧块推向右侧，并确保左侧块可以放在其旁边，同时防止IE显示奇怪。

希望这有帮助

Answer 2

我在这里创建了一个快速的jsFiddle：http://jsfiddle.net/6JWq9/

它显示得很好。我怀疑你有其他代码添加填充或边距。 回顾一下我的例子，让我知道与你的不同之处，我可以更新我的答案。

Answer 3

这是一个错误，即它使边距增加一倍。您必须在.b_left中添加内联显示。

display: inline

Answer 4

只需加上保证金：0;填充：0;在所有三个div上，从那里去检查。同样重置样式是IE必须的，我使用Eric Meyer的。 （易于谷歌）。

另外，显示：内联;对于有保证金的那个，我会怀疑IE6。