使用CSS显示不同大小的div

Question

如何将不同高度的div显示为彼此靠近，无论其高度如何，并且具有特定的边距，就像建筑物一样 我的意思是像这个网站中的div那样http://via.me
我使用了flaot：left但它只漂浮在最后一个div并留下一个空的空格 这是我使用http://jsfiddle.net/D9rHB/6/

的代码

Answer 1

我认为jQuery Masonry插件将是您在此实例中寻找的内容：

  

Masonry是jQuery的动态网格布局插件。把它想象成CSS浮动的另一面。浮动水平然后垂直排列元素，而砌体垂直排列元素，将每个元素定位在网格中的下一个开放点。结果最大限度地减少了不同高度的元素之间的垂直间隙，就像在墙上安装石头的石匠一样。

JS Fiddle demo

Answer 2

你可以做到这一点。为此，你必须有“绝对”的位置。

然后手动计算高度和最高值，将div放在任何你想要的位置。

为了使事情变得简单，所有div的宽度都相同。还要在每个

中创建div的高度

列已修复。

如果您需要更多说明如何执行此操作，请与我们联系。