我正在使用用简单CSS和HTML制成的mosaic（jsFiddle）。
镶嵌图的行和列的宽度和高度相同。它的每个单元格应由一个完整的盒子或一部分填充。换句话说，每个盒子在纵向上应占据一个或多个盒子，在宽度上应占据一个或多个盒子。
当所有盒子只占一行时，一切正常。但是，当我尝试使一个盒子大于一行时，float:left停止工作，但我希望这样做：
http://img198.imageshack.us/img198/5207/boxshoudgohere.png
jsFiddle with the issue as displayed above.
如上所示，大框旁边的HTML中的灰色框会跳到下一行；我需要将方框移到红色箭头指向的位置。我的问题是：如何防止灰色框移动？
考虑到我更喜欢一个干净的解决方案。换句话说，以绝对或相对位置移动框不是最佳选择，因为框及其宽度/高度是由JavaScript生成的（尽管可以发布任何答案）。
谢谢你的时间。
最佳答案
Jquery Masonry将为您执行此操作。不幸的是，使用简单的标记和CSS无法实现您想要的。
关于javascript - 盒子马赛克中的特殊“浮空”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12327281/