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; 我猜想在保证金上会修复它。