html - css float 和 iexplorer

Question

我有两个 div，它们在 chrome、ff 和 safari 中正确 float ，但在 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 时，我假设这就是您的意图，最好只 float 其中一个 div。

假设我有一个名为 content 的 div，它有 600px 宽，里面有两个 300px 的 div，leftblock 和 rightblock。我不是将 leftblock 向左浮动，将 rightblock 向右浮动，而是将 leftblock 向左浮动，并在 rightblock 上放置 300px margin-left。这会将 rightblock 推向右侧，并确保 leftblock 有足够的空间容纳在它旁边，同时防止 IE 显示异常。

希望对你有帮助