无处可寻

Question

好的伙伴。基本上，当使用下面的代码时，我加载页面，.item div之间有余量。但是，当我调整窗口大小时，边距消失。

我不知道为什么。 我不想要保证金。

这是一个codepen.io http://codepen.io/Ralphunter/pen/bNqwEX

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

这是一个codepen.io http://codepen.io/Ralphunter/pen/bNqwEX

Answer 1

我认为这是由初始化Packery时缺少滚动条引起的。添加到您的CSS：

html { overflow-y: scroll }

（从这里：https://github.com/metafizzy/packery/issues/68）