css - Div 不创建高度

Question

我有一个 div，它包含一个 h2 和三个 div，但它没有创建高度。我不记得以前有过这个问题。但基本上，这三个包含div的高度需要灵活，所以我不能给容器div设定高度。因为它没有创建高度，所以我的页脚 float 在 div 的顶部。如果您在 Firebug 或检查器中将鼠标悬停在“最近的”div 上，您会注意到 div 的高度仅扩展了 h2< 的高度和边距。有什么想法吗？谢谢!

这是 fiddle :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/ ，特别是清除 float 的技术部分。