Question

有关

基本上，我有2个水平对齐的div。两者都位于名为“.Parent”的div中，因此结构如下：

 <div class="Parent">
    <div style="float:right">
        <span>source list</span>
        <select size="10">
            <option />
            <option />
            <option />
        </select>
    </div>

    <div style="float:left">
        <span>dest list</span>
        <select size="10">
            <option />
            <option />
            <option />
        </select>
    </div>

    <div style="clear:both; font-size:1px;"></div>

 </div>

问题是Parent div存在于另一个名为#main的div中。 #main有一个白色背景，可以构成我的所有内容。

在我将浮动内容添加到.sarent里面的div之前，一切都很好，因为包含Div将白色背景向下推到了正确的大小。但是现在div正在浮动，他们不会把#main的白色背景推下来。

任何人都可以建议如何让#main识别它应该延伸到的大小？我应该采用不同的方法吗？

由于

戴夫

Answer 1

提供您的#main overflow:hidden;和选项clear:both;

Answer 2

实际上，它们的行为正确，父div不会扩展以包含浮动元素。正如其他答案所示，您可以通过谷歌“清除浮动”获得更多解释以及如何执行此操作的示例。

当童子女漂浮时，遏制Div不正确行事

2 个答案: