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