WordPress首页底部的大量空白

Question

我的Wordpress博客的首页包含一个内容区域，其中的帖子使用CSS列分为三列。 在页脚下面，请参阅“结尾”。 在此之下是我无法弄清的大量空白。 当我检查它时，它没有显示为任何元素的一部分，但是html标签突出显示了。

在这里查看： http : //www.kailepley.org

这种情况发生在最新的Chrome和Safari上，到目前为止尚不知道其他浏览器。

我搜索了许多尝试过的修复程序，但到目前为止没有任何结果。 任何帮助将不胜感激，谢谢！

Answer 1

您有一个元素：

<span class="screen-reader-text">Search for:</span>

与CSS：

.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

罪魁祸首是行的position: absolute !important;