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

2012-08-27 101 views 2 likes

我有一个“content box”-div元素，我使用php/include（）加载页面。现在我制作了一个“box”-div，加载到“内容框”-div中，工作正常，只是当内部div的内容变得太大时，内部div才会扩大并“增长”的外部股利。内部div扩展时，外部div元素不扩展

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

我搜索了一些，发现（即使在stackoverflow），我必须使用一个样式=“明确：都”的div在右边的容器正在使用'浮动：右';或'float：left;'。

尽管我不太确定把这些东西放在哪里，但我还是玩了一下，但仍然无法弄清楚如何让这个工作成功。

的jsfiddle：JSFiddle inner div exceeding outer div

来源

2012-08-27 phew

回答

只需添加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 
}

来源

2012-08-27 15:42:24

谢谢，作品像一个魅力。有谁知道为什么清楚：两者都不适合我的情况？ – phew

@phew“clear”仅在使用“float”时才有效 –

只需添加position: absolute;到您的股利。

Here是修改的小提琴。

来源

2012-08-27 15:55:41

感谢您的帮助，但我会与Zoltan的解决方案一起使用，因为我对使用'position：absolute'的跨浏览器兼容性有不良的经验。 – phew

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

回答

相关问题