内部 div 扩展时，外部 div 元素不扩展答案

【问题标题】：Outer div element does not expand when inner div is expanding内部 div 扩展时，外部 div 元素不扩展
【发布时间】：2012-08-22 02:51:17
【问题描述】：

我有一个“内容框”-div 元素，我正在使用 php/include() 将页面加载到其中。现在我制作了一个“盒子”-div，它被加载到“内容框”-div中，工作正常，只是当内部 div 的内容变得太大时，只有内部 div 正在扩展并“增长”出来的外部 div。

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

我搜索了一些并发现（甚至在 stackoverflow 上）我必须在使用 'float: right;' 的 div 容器之后使用 style="clear: both" 的 div或'浮动：左;'。

虽然我不确定将它们放在哪里，但我玩了一下，但仍然不知道如何让它工作。

JSFiddle：JSFiddle inner div exceeding outer div

【问题讨论】：

标签： css html expand outer-join

【解决方案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
}

【讨论】：

谢谢，就像一个魅力。有谁知道为什么要明确：两者都不适用于我的情况？

【解决方案2】：

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

Here 是修改后的小提琴。

【讨论】：

感谢您的帮助，但我会使用 Zoltan 的解决方案，因为我在使用 'position: absolute' 的跨浏览器兼容性方面有不好的经验。