Css 包含2个浮动div的div

我需要你的帮助。我创建了一个包含2个浮动div的div。第一个Div是leftnav。第二个Div也包含2个浮动Div。问题是#容器div height设置为auto，但似乎不起作用

在这里：

我试着澄清：两个都是在第二节结尾，但都不起作用

任何帮助都将不胜感激。谢谢

<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>

标题
第一
斯科拉
scol1b
scol1c
scol2a
scol2b
scol2c


页脚

将

scol1

高度也更改为

auto

代替

使用

并移除

您已为scol1a、scol1b、scol1c指定了100px的高度。这会导致容器出现问题。要解决这个问题，您应该定义您的

#容器
高度：306px（100+100+100+6）=306px。边界为6px。
请参见此

注意：我已经删除了

这个很快，谢谢，它起作用了，但当高度大于容器div的高度时，它仍然会从侧面掉落。我正在尝试使容器div在内部的浮动div变大时拉伸。@user2074014你能举一个小提琴的例子吗？我做了一些更改，但页脚受到了影响，不知道如何修复它。我修复了它，谢谢，希望其他人能从中得到一些东西，尤其是使用这个布局。。我做了更改，但页脚受到影响，不知道如何修复它。正如我在前面所描述的，您的容器导致识别高度的问题，因此您必须定义容器的高度，因为您已经在容器中定义了alter height。查看您的更新