css - 当子 div float 时，包含 div 的行为不正确

Question

这个问题与another question I asked有关

基本上，我有 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>

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

在我将 float 添加到 .Parent 中的 div 之前，一切都很好，因为包含的 Div 将白色背景推到了合适的大小。但是现在 div 是 float 的，它们不会将#main 的白色背景向下推。

谁能建议如何让#main 识别它应该延伸到的大小？我应该采用不同的方法吗？

谢谢

戴夫

Answer 1

给你的#main overflow:hidden; 和可选的 clear:both;