儿童div溢出

Question

我有一个父div，里面有多个div，它们是父div的子节点，但我不明白为什么那些子div在父div之外溢出，

我希望父div根据其中的子div数调整它的高度。

继承人fiddle

Answer 1

Float #downloads left。

http://jsfiddle.net/CvMNH/1/

Answer 2

只需overflow:hidden代替overflow:visible

Demo

Answer 3

浮动#downloads，或使用overflow:hidden：

#downloads
        {
            background-color: #EEEEEE;
            border: 1px solid #CCCDCF;
            padding: 5px;
            line-height: 25px;
            overflow:hidden;
        }​

或：

#downloads
        {
            background-color: #EEEEEE;
            border: 1px solid #CCCDCF;
            padding: 5px;
            line-height: 25px;
            float: left;
        }​

Answer 4

overflow: hidden会让溢出的儿童内容被隐藏起来，我相信这不是你想要实现的目标。

要展开父div以显示所有子内容，请在父级上指定overflow: auto（在某些浏览器中可能有副作用），或者放置

<div style="clear: both"></div>

作为父div中的最后一个孩子。