自動高度div持有人到其內容

我有一個div持有人有一套divs作爲兒童。問題是，內容是根據高度變化的，這取決於它的孩子的內容，所以我如何設置持有者div的css屬性自動調整到其子女的高度總和？自動高度div持有人到其內容

我已經嘗試了幾種配置的div持有人的CSS像最低高度，填充：汽車等..但沒有成功。

感謝。

2012-07-12 domoindal

創建一個名爲clear的類，並將其放置在最後一個div子之後，但仍位於持有者中。

像這樣：

.clear { width: 100%; height: 0px; clear: both; display: block; }

然後...

來源

2012-07-12 15:20:36 tigertrussell

擺脫你的CSS中的高度事物。請參閱：http://jsfiddle.net/nuAQY/1/ – tigertrussell 2012-07-12 15:23:41

這不會解決它，因爲div不浮動。沒有什麼可以清楚的。 – zen 2012-07-12 15:28:13

你說得對，我在閱讀時稍微跳了一下，認爲這將是人們問的一個比較常見的問題，但我在小提琴中的解決方案仍然修復它。 – tigertrussell 2012-07-12 18:49:29

只是刪除對孩子div S中的高度。

當你聲明高度的時候，無論內容是什麼，它總是那個高度，所以當內容改變時，孩子的高度不會改變，所以持有者的高度不會改變。

.holder { 
    width:250px; 
    min-height:50px; 
    border:1px solid #EDEDED; 
} 

.header { 
    width:100%; 
} 
.body { 
    width:100%; 
} 
.footer { 
    width:100%; 
}

來源

2012-07-12 15:20:59 tedski

是的，無論如何，你的div將永遠是你的孩子div的高度的高度嗎？我在這裏錯過了什麼嗎？他們是浮動還是什麼？ – GhostInTheSecureShell 2012-07-12 15:23:04

嗨tedski，問題是這個標題不能超過20px的高度集，所以如果它沒有設置，它會破壞我的結構。只有身體可以沒有設置高度。 – domoindal 2012-07-12 15:25:56

所以只需刪除'.body'類的高度 – tedski 2012-07-12 15:26:51

的問題是，你已經在所有的DIV設置的高度，但內容比高度更何況它運行在它外面。您必須移除高度，或者爲每個DIV設置overflow:auto，但您會得到一個滾動條。如果你想隱藏額外的內容，你可以使用overflow: hidden

來源

2012-07-12 15:30:53 zen

自動高度div持有人到其內容

回答

相關問題