css - div 不创建高度

Question

我有一个div包含一个h2和三个div的，但它没有创造高度。我不记得以前有这个问题。但基本上，这三个包含div的高度需要灵活，所以我不能给容器div一个设定的高度。由于它没有创建高度，我的页脚浮动在div. 如果您将鼠标悬停div在萤火虫或检查器中的“最近”上，您会注意到div唯一的高度扩展了h2. 有什么想法吗？谢谢！

这是小提琴：链接

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/，特别是清除浮动的技术部分。