我正在尝试用CSS布局解决经典的盒子包装/背包问题。
我想以一种最小化元素之间空白的方式安排许多方框，就像这样;
Image describing what I am trying to acheive http://tydus.net/img/xaZll.png
CSS3列在这里工作非常好 - 盒子按顺序排列，但所有空白区域都被高效消耗。有一个很小的问题 - 盒子被“剪切”，或跨越多个列。不能这样做。
我在一些盒子之后使用了经典的div.clearer，但这没有效果 - 盒子仍然跨越那些CSS3列。有一个列跨度CSS属性，但它在任何浏览器中都不受支持;（
或者，我可以自己定义列并手动排列方框，但实际上这些方框经常会改变高度。
最后一个问题：有没有办法以最小化使用纯CSS的方框之间的空白来排列方框？
谢谢！
答案 0 :(得分：2)
虽然我自己还没有尝试过，但一个可能的答案可能就是使用jQuery Masonry plugin。这似乎符合您所说的要求。
在纯CSS和HTML中执行此操作非常困难，您可能不得不放弃一些愿望/要求......
