css-float - 如何通过 css 浮点数排列 div？

Question

我有六个 div，想将它们排列成两行三列

#topLeft {float:left;} //ok
#topMiddle {float:left;} //ok
#topRight {float:right;} //ok
#bottomLeft {}
#bottomMiddle {}
#bottomRight {}

在第二行中，我尝试了许多与浮动和清除的组合 - 没有成功。

Answer 1

添加clear: left; float: left;到#bottomLeft最后float: left;两个。

这是一个小提琴：http: //jsfiddle.net/5nGUe/2/