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;