使用ul li div的CSS定位盒

Question

以下JSFIDDLE示例

我想制作以下CSS布局，目前我正在使用UL来浮动LI左边。问题是两个矩形不会留在两边。并且不确定如何定位底部2个矩形。

我尝试在UL LI的中间包裹一个div，但这不是正确的标记。 你能帮忙吗？如果可以，可能是一个JSFIDDLE示例？ 感谢

编辑：在这里，jsfiddle.net/fpqxy/1方框2和3位于位置，但是4和5需要位于它们之下。然后框6需要移动，7和8保持在底部。 -

Answer 1

见下面的小提琴和演示

小提琴：http://jsfiddle.net/fpqxy/5

演示：http://jsfiddle.net/fpqxy/5/embedded/result/

Answer 2

表，pah！

在包装元素中将框2-5分组，然后您的流程将为：

1,2,5,6,7,8

只有当您的所有方框在给定“行”内的高度相同时，此方法才有效。

希望这有帮助。