不均匀网格布局

Question

下面是示例。

http://jsfiddle.net/wnud4/1/

，我想所有的绿色盒子和蓝盒子从既定的利润落入顺序一个接一个，没有较大的差距，一边。出于某种原因，蓝色栏中的第二个元素抱怨对齐。有没有人有任何建议，或者如果我以错误的方式接近这一点，可能会提供指导。我不想预定列，但除此之外，我对任何东西都是开放的。谢谢！

Answer 1

而不是使用上两列彩车，你只能用float: left在左栏中，只需在右栏中使用margin-left即可将这些div推过浮动div。那么你只需要清理你的宽度和利润率即可。

下面是一个例子：http://jsfiddle.net/UZY6t/2/

Answer 2

除了谷歌Chrome和FF，但你可以尝试使用浮动的组合任何未经测试：左，保证金左：

http://jsfiddle.net/wnud4/7/