jquery - 組積造の適用後に 0 に設定された Div の高さ

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

これを div#content に設定してみてください

overflow: auto;