css - 漂浮在体内

Question

我不明白，为什么我的浮动不起作用。有网站- 正如你所看到的，浮动不想工作。它有什么问题？

Answer 1

有用。它在它的父级上下文中浮动，即<div id="content">. 您需要将它（在 HTML 代码中）放在<div class="side_bar">左浮动的之前，如下所示：

<div id="content">
    <div class="news_block">
        the floating to the right side - don't want to work
    </div>
    <div class="side_bar">
        sidebar
    </div>
</div>

或者，例如，如果您的脚本需要它，您想将左侧的所有内容包装到 side_bar DIV，这是唯一一个让 CSS 浮动在左侧的 DIV。也许你没有注意到它，但你有：

<div id="content">
    <div class="side_bar"> <!-- floats left -->
        sidebar
    </div>
    <div> facebook thing </div> <!-- doesn't float -->
    <div> ads </div> <!-- doesn't float -->
    <div> whatever </div> <!-- doesn't float -->
    <div class="news_block"> <!-- floats right-->
        the floating to the right side - don't want to work
    </div>
</div>

float当您在它们之间有非浮动元素时，您不能指望已定义的两个 DIV正确浮动。