Jquery 如何将不同高度的div相互对齐？

你可以看看我的小提琴。它们之间有空隙，但我希望它们彼此重叠。如何使用jQuery实现这一点？我尝试使用砖石结构，但此代码没有帮助：

(function(){
var $container = $('.rss');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.item',
    columnWidth : 210
  });
});
})();

编辑：有人能让小提琴工作吗？

试试这个

  $(function(){

$('#container').masonry({
  itemSelector: '.box',
   isAnimated: true
});

}))

---

听起来您希望CSS替代砌体：

它使用CSS3column count属性分割父容器，这意味着设置宽度：100%；到子容器获取父容器宽度的三分之一，而不是全宽度

CSS示例：

.container {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    width: 900px
}
.container div {
    display: inline-block; /* Display inline-block, and absolutely NO FLOATS! */
    margin-bottom: 20px;
    width: 100%;
}

此演示将其设置为一个列表：

以下是基于您的示例的提琴：

---

仅供参考，您仍然可以使用Massy来实现IE兼容性，如上述文章所述

如果我是您，我会使用Massy，但如果您真的不想这样做，那么您需要创建一个函数来计算div的不同大小，使其绝对定位，并计算放置div的空间，我在那里使用的功能不起作用，我不知道有什么可以帮助我。你能帮忙吗？我使用的是最大宽度，由于某种原因，它使容器非常小，而不是我设置的最大宽度。。。