不存在的利润率

Question

我正在处理一些由正方形组成的布局，它们的宽度由百分比定义，高度通过填充与 1:1 方面的宽度相同，并使用 jQuery Masonry 来定位它们。问题是一些像边距开始出现，没有填充也没有为它们设置边距，但在调整大小后 window 它们消失了，这里是 fiddle:

https://jsfiddle.net/uvrcpuag/3/embedded/result/

<div id="container">
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
</div>

.square {
    width: 16.666666666666666666666666666667%;
    padding-bottom: 16.666666666666666666666666666667%;
    background-color: #000;
    position: relative;
    float: left;
}

Answer 1

尝试手动触发resize()喜欢，

$(document).ready(function () {
    var msnry = new Masonry('#container', {
        itemSelector: '.square'
    }).resize();  // call resize()  
});

Demo

不存在的利润率

Unexisting margins

jquery

html

css

margin