当内部div扩展时,外部div元素不会扩展

Question

我有一个"内容框"-div元素,我正在使用php/include()加载页面.现在我制作了一个"盒子"-div,将被加载到"内容盒"-div,工作正常,就在内部div的内容增长过大而内部div正在扩展并"增长"出来的时候外部div.

如果内部div超过外部div的最小高度,我希望外部div元素增长.

我google了一些,发现(甚至在stackoverflow上)我必须在使用'float:right;'的div容器之后使用带有style ="clear:both"的div 或'浮动:左;'.

虽然我不确定在哪里放这些,我玩了一下但仍然无法弄清楚如何使这个工作.

JSFiddle:JSFiddle内部div超出外部div

Answer 1

只需添加overflow: hidden到您的外部div- DEMO

div.contentbox_body {
    min-height: 600px;
    overflow: hidden;
    background-color: blue;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 25px;
    padding-right: 25px
}