jquery - masonry 重叠我的页脚

Question

我正在使用 Masonry 创建帖子网格，但正如您在下面的示例中看到的，masonry div/boxes 与我的页脚重叠。有什么想法可以让页脚在 masonry div 之后开始吗？

例子: http://jsfiddle.net/CkhUQ/

用于包装 masonry 的页脚和容器的 CSS:

footer {
width:100%;
background:#CCC;
height:400px;
}
#container {
max-width:1260px;
width:calc(100% - 40px);
min-height:1500px;
margin:auto;
top:187px;
position:relative;
}

Answer 1

http://jsfiddle.net/CkhUQ/8/

正确的解决方案和原因是因为你设置了

#container {
    max-width:1260px;
    width:calc(100% - 40px);
    min-height:1500px;
    margin:auto;
    top:187px;
    position:relative;
}

顶部:187px；部分是这个的原因因为当你按下内容时它的药水没有改变。尝试使用 padding-top 替换然后包含 div框将相应调整大小并向下推，因此不会发生重叠。