0

需要你的帮助。我创建了一个包含 2 个浮动 DIV 的 div。第一个 Div 将是 leftnav。第二个 Div 也包含 2 个浮动 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>
4

3 回答 3

2

改变scol1高度auto为好。http://jsfiddle.net/Y47sx/31/

于 2013-04-01T09:42:52.580 回答
0

您已为 scol1a、scol1b、scol1c 指定了 100px 的高度。这会导致容器出现问题。为了解决这个问题，你应该定义你的#container height: 306px;(100+100+100+6)= 306px。6px 为边框。看这个演示

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

于 2013-04-01T12:00:23.997 回答
-1

在<br style="clear: both;" />使用<div style="clear:both; float:none;"></div>和去除高度<div id="scol1"></div> <div id="scol2"></div>

于 2013-04-01T09:44:45.637 回答