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

时间:2014-01-23 17:46:16

标签: html css wordpress safari footer

我在构建的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;
}

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

这是一个截图: screenshot of the page rendering in Safari

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

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

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

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

0 个答案:

没有答案