Div未創建高度

Question

我有一個div，其中包含一個h2和三個div的，但它不創造高度。我不記得之前有過這個問題。但基本上，這三個包含div的高度需要靈活，所以我不能給容器div設置一個高度。由於它沒有創建高度，因此我的頁腳漂浮在div之上。如果您將鼠標懸停在螢火蟲或檢查員的「近期」div上，您會注意到div的高度僅延伸了h2的高度和邊距。有什麼想法嗎？謝謝！

這裏的小提琴：Link

Answer 1

你的三個內部的div設置爲float: left，因此，不會影響他們的父母的高度。你需要清除它們。有多種方法可以做到這一點;一個是對父母設置overflow: hidden。

#recent { 
    clear: both; 
    margin: 0 auto; 
    margin-top: 30px; 
    width: 824px; 
    overflow: hidden; 
} 

還有其他各種方法，比其他方法更好一些。我會鼓勵你閱讀http://css-tricks.com/all-about-floats/，特別是結算浮法技巧。