在我的主页页脚下的空白空间 - Wordpress

时间:2016-02-04 19:03:39

标签: html css wordpress footer space

我有一个奇怪的问题,

我的主页面(仅限)在页脚下显示较长的空白区域,当我仅使用Google Chrome时会出现这种情况。 IE,Firefox没有任何问题。

PS: 1 - 当我将我的主页变为静态内容页面时,这个奇怪的空间从谷歌浏览器中消失。

2 - 我试图禁用所有插件,但仍然遇到同样的问题

那么如何解决这个问题。?

Site URL

1 个答案:

答案 0 :(得分:2)

问题似乎是每个.screen-reader-text内的article类,这使得主页内的项目保持流动。

尝试将css更新为:

.says, .screen-reader-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

请记住,这也会影响.says课程。如果需要,只需将.screen-reader-text移动到自己的类中。

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