2

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

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

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

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

JSFiddle：JSFiddle 内部 div 超过外部 div

4

2 回答 2

9

Simply add overflow: hidden to your outer 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
}
于 2012-08-27T15:42:24.757 回答
2

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

这是修改后的小提琴。

于 2012-08-27T15:55:41.460 回答