css - 包含 2 个 float div 的 div

Question

需要你的帮助。我创建了一个包含 2 个 float DIV 的 div。第一个 Div 将是 leftnav。第二个 Div 也包含 2 个 float DIV。 #container div 高度设置为自动但似乎不起作用的问题。

此处:jsfiddle

我在第二个 div 的末尾尝试了 clear:both，但它没有用。

如有任何帮助，我们将不胜感激。谢谢

<div id="header">header</div>
<div id="container">
    <div id="first">first</div>

    <div id="second">
        <div id="scol1">
            <div id="scol1a">scol1a</div>
            <div id="scol1b">scol1b</div>
            <div id="scol1c">scol1c</div>
        </div>
        <div id="scol2">
            <div id="scol2a">scol2a</div>
            <div id="scol2b">scol2b</div>
            <div id="scol2c">scol2c</div>
        </div>
    </div><!--SECOND DIV-->

    <br style="clear: both;" />

</div> <!--CONTAINER DIV-->
<div id="footer">footer</div>

Answer 1

也将 scol1 高度更改为 auto。 http://jsfiddle.net/Y47sx/31/