网格布局不均匀

Question

这是一个例子。

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

我希望所有的绿色方框和蓝色方框一个接一个地整齐排列，除了既定的边距之外没有大的间隙。出于某种原因，蓝色列中的第二个元素抱怨对齐。有没有人有任何建议，或者如果我接近错误的方式可以提供指导。我不想预定义列，但除此之外我对任何事情持开放态度。谢谢！

Answer 1

不是在两列上都使用浮点数，而是只能在左列使用float: left，而只需在右列使用margin-left，将这些div推过浮动的div。然后你只需要清理你的宽度和边距，以保持一切顺利。

以下是一个示例：http://jsfiddle.net/UZY6t/2/

Answer 2

除Google Chrome和FF之外的所有内容均未经测试，但您可以尝试使用float：left和margin-left的组合：

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