css – 麻烦定位div几个浮动左div

选项1.
我相信你可以设置你的容器divs溢出：隐藏;这将清除它们并将第二个容器向下撞击,这样就没有重叠了.

选项2.
你应该在你的花车下方设置一个div来清除它们.有几种方法可以做到这一点,但最简单的方法是在你的花车下方设置另一个div,css clear：both

旁注：请务必给清除div一个高度：0;行高：0;显示：块;确保它不会在容器底部添加任何时髦的空间

编辑：
由于这个问题最后被问及(并得到回答),实现预期效果的新方法已经改变.通常的做法是使用以下样式的容器div：

.container:before,.container:after {
 display: table;
 line-height: 0;
 content: "";
}
.container:after {
 clear: both;
}

流行框架使用此方法(例如 – Zurb Foundation& Twitter Bootstrap)