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/，特别是结算浮法技巧。