php - 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;