我的Wordpress博客的首页包含一个内容区域,其中的帖子使用CSS列分为三列。下面是一个页脚,见"结束。"下面是我无法弄清楚的大量空白区域。当我检查它时,它不会作为任何元素的一部分出现,但html标记会突出显示。
请在此处查看:http://www.kailepley.org
这种情况发生在最新的Chrome和Safari上,其他浏览器目前还不知道。
我已经搜索了几个不同的修复程序,但到目前为止还没有任何工作。非常感谢任何帮助,谢谢!
答案 0 :(得分:3)
你有一个元素:
<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;