Div没有创造高度

Question

我的div包含h2和三个div，但它没有创建高度。我不记得曾经有过这个问题。但基本上，包含div的三个需要在高度上具有灵活性，因此我不能给容器div设置一个高度。由于它没有创建高度，我的页脚浮动在div之上。如果您将鼠标悬停在firebug或检查器中的“最近”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/，特别是 Clearing Floats的技术部分。