砖石施加后，Div的高度设定为0

Question

我有许多产品的div内容并且已设置

div#content{
       margin-top:20px;
       width: 560px;
       min-height: 700px;
       float:right;
}

但是应用了这样的砌体（jquery插件：http://masonry.desandro.com/）之后：

   $('#content').masonry({
      columnWidth: 275,
      itemSelector: '.produkt'
   }).imagesLoaded(function() {
      $('#content').masonry('reload');
   });

div＃content的高度设置为0 ...

有人可以帮我吗？

由于

Answer 1

除了设置图像的高度属性（或用CSS做）之外，另一种方法是将窗口代码包装在窗口加载中，而不是文档就绪。

$(window).load(function () {

    $('#content').masonry({
        columnWidth: 275,
        itemSelector: '.produkt',
        animate: true
    });

});

Answer 2

设置项目的最小高度（使用.produkt类）

Answer 3

看起来imagesLoaded插件无效。如果没有加载图像，Masonry会假设容器为空并将高度设置为0. JS控制台告诉您什么？

Answer 4

尝试将此设置为div＃content

overflow: auto;