2012-08-27 147 views
2

我有一個「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

回答

9

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

謝謝,作品像一個魅力。有誰知道爲什麼清楚:兩者都不適合我的情況? – phew

+0

@phew「clear」僅在使用「float」時纔有效 –

2

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

Here是修改的小提琴。

+0

感謝您的幫助,但我會與Zoltan的解決方案一起使用,因爲我對使用'position:absolute'的跨瀏覽器兼容性有不良的經驗。 – phew