在野生动物园的页脚下面的大空间

Question

我在构建的wordpress主题中看到了一些奇怪的东西。在Chrome和Firefox中，一切看起来都不错，但在Safari中，页脚下方有一个非常大的空间！

当我在safari中查看源代码时，我无法看到导致此空间的原因。我甚至无法通过将检查器窗口上的不同元素悬停来突出显示它。

当我将HEAD或BODY标签悬停在检查器窗口上时，我只会在页脚结束时突出显示。空白区域不会突出显示。

这是页脚部分的主要CSS：

#colophon{
    background-color: #1D2226;
        padding: 40px;
    margin-top: 80px;
    color: rgba(255,255,255,0.1);
    text-align: center;
}

了解这可能是什么以及任何可能的解决方案？我真的迷路了......

这是一个截图：

正如你所看到的那样，有很多空的空间，如果你看一下滚动条，你可以看到它需要相当长的空间（而且没有别的！）

新信息：我刚注意到在Window Resize上，空白区域消失了。我正在使用砌体，它可以是它的原因吗？ 我这样开始砌砖：

jQuery(document).ready(function($){
    var $container = $('#main');

    $container.masonry({
    columnWidth: 350,
    itemSelector: '.post'
    });
});