当内部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 inner div exceeding outer 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
}

Answer 2

只需将position: absolute;添加到您的div。

Here 是经过修改的小提琴。