我有一个div
包含一个h2
和三个div
的,但它没有创造高度。我不记得以前有这个问题。但基本上,这三个包含div
的高度需要灵活,所以我不能给容器div
一个设定的高度。由于它没有创建高度,我的页脚浮动在div
. 如果您将鼠标悬停div
在萤火虫或检查器中的“最近”上,您会注意到div
唯一的高度扩展了h2
. 有什么想法吗?谢谢!
这是小提琴:链接
您的三个内部 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/,特别是清除浮动的技术部分。