Packery Margin無處不在

Question

好的隊友。基本上，在使用下面的代碼時，我加載了頁面，並且.item div之間有餘量。但是，當我調整窗口大小時，邊距消失。

我不知道爲什麼。 我不想保證金。

這裏是一個codepen.io http://codepen.io/Ralphunter/pen/bNqwEX

body { 
 
    padding:   0; 
 
    margin:   0; 
 
} 
 
.item { 
 
    background-color: \t #40152A; 
 
    width:    25%; 
 
    
 
    padding-bottom: \t 25%; 
 
}

<script src="http://packery.metafizzy.co/packery.pkgd.min.js"></script> 
 
<div id="content" class="js-packery" data-packery-options='{ "gutter": 0 }'> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
    <div class="item"></div> 
 
</div>

這裏是一個codepen.io http://codepen.io/Ralphunter/pen/bNqwEX

Answer 1

我相信這是一個缺少滾動條初始化Packery時引起的。添加到您的CSS：

html { overflow-y: scroll } 

（從這裏開始：https://github.com/metafizzy/packery/issues/68）