CSS - 浮动物品的矩阵

Question

布局0显示了如何通过简化的CSS视图来实现此布局。 我需要关于如何创建布局1和2的帮助/建议/想法。 块可以以任何顺序呈现，并且它们的固定宽度（分别为25％或50％ - 如布局0）作品是他们没有预定义的高度。

我更喜欢一个CSS唯一的解决方案每个布局将有它自己的父/容器div所以如果定位是最好的一行和浮动更好的另一个然后就这样吧。

明信片上的答案...谢谢全部

P.S.我能避免引用我的js图书馆的像http://masonry.desandro.com/例如答案...

Answer 1

我包裹在一个div 2列（在1大与width: 25% 2周小的div），让它们float: left（除了div的是哪包裹）。

Answer 2

位置的容器内的元素绝对的，只要你喜欢的只是设置与CSS布局，成才这样你可以把它们：

FIDDLE

Answer 3

你也可以只用花车做，虽然在布局1，你将不得不申请一个小保证金“绝招”（除非我忽视的东西）

Fiddle

或许更多一点difficu乍一看就明白了。如果不是绝对需要的话，我并不是绝对定位绝对的粉丝。虽然在这种情况下，我不得不承认@adeneo解决方案可能是最干净的方法。