html - 使用 CSS 显示不同大小的 div

Question

我如何显示具有不同高度的 div 以彼此靠近，而不管其高度如何，并且具有特定的边距，就像建筑物一样
我的意思是类似于本网站http://via.me
中的 div 我使用了 flaot:left 但它浮动只有最后一个 div 并留下一个空格这是我使用的代码http://jsfiddle.net/D9rHB/6/

Answer 1

我认为 jQuery Masonry插件将是您在这种情况下要寻找的：

Masonry 是一个 jQuery 的动态网格布局插件。将其视为 CSS 浮动的另一面。浮动将元素水平排列然后垂直排列，而砌体垂直排列元素，将每个元素定位在网格中的下一个开放点。结果使不同高度的元素之间的垂直间隙最小化，就像石匠在墙上安装石头一样。

JS 小提琴演示。

Answer 2

你可以这样做。为此，您必须拥有“绝对”的地位。

然后手动计算高度和顶部值以将 div 放置在您想要的任何位置。

为了使事情变得容易，所有 div 的宽度都相同。还要在每个中制作 div 的高度

列固定。

如果您需要更多说明如何执行此操作，请告诉我。