WordPress首页底部的大量空白答案

【问题标题】：Massive White Space at Bottom of Wordpress Front PageWordPress首页底部的大量空白
【发布时间】：2015-02-19 03:10:14
【问题描述】：

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

这发生在最新的 Chrome 和 Safari 上，其他浏览器目前未知。

我已经搜索了很多不同的修复方法，但到目前为止没有任何效果。任何帮助将不胜感激，谢谢！

【问题讨论】：

发生在哪些浏览器上？您最近是否启用了任何可能导致此问题的插件？
注意，我可以在 Chrome 中看到空格，但在 Firefox 中看不到
Chrome 和 Safari - 谢谢。我认为我没有启用任何插件，当然也没有新插件。
请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Short, Self Contained, Correct Example (SSCCE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！
当我删除 -webkit-column-count: 3;从 .page-home 开始，您的条目会出现在单个列中，并且所有空白都会消失。所以这似乎是造成它的原因 - 希望能指出你正确的方向......

【解决方案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;这一行

【讨论】：