如何避免在布局的差距调整浮动元素

Question

我有div的列表时，向左浮动，并显示为正方形：

aa bb cc dd ee 
aa bb cc dd ee 
ff gg hh ii jj 
ff gg hh ii jj 

当我改变平方米b。对于实例的高度，我得到：

aa bb cc dd ee 
aa bb cc dd ee 
    bb ff gg hh 
    bb ff gg hh 
ii jj 
ii jj 

我怎样才能得到，而不是：

aa bb cc dd ee 
aa bb cc dd ee 
ff bb gg hh ii 
ff bb gg hh ii 
jj 
jj 

感谢

Answer 1

如果您对此功能使用JS MANSONRY，可能会更好。

Answer 2

你不能这样做与浮动。看起来很悲伤，在CSS3 Grid系统得到更多实施之前，表格可能是最好的解决方案。

Answer 3

文档流的工作方式，意味着你不能用浮动来做到这一点。在某些情况下，替代方法是使用list-display：table和table-cell table-row，但缺少colspan支持。 Colspan实际上正是你想要的（bb单元格为2），其余部分是正常的。桌子是你最好的选择。