Question

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

我试了清楚：两个在第二个div的末尾，但它没有用。

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

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

Answer 2

你给了scol1a，scol1b，scol1c 100px的身高。这导致容器出现问题。要解决此问题，您应该定义#container height: 306px;（100 + 100 + 100 + 6）= 306px。 6px为边框。见 Demo

注意：我已移除<br style="clear: both;" />

Answer 3

使用<br style="clear: both;" />使用<div style="clear:both; float:none;"></div>并删除<div id="scol1"></div> <div id="scol2"></div>的高度

包含2个浮动div的div

3 个答案: