在我的主页页脚下空 space - Wordpress

Question

我有一个奇怪的问题，

我的主页（仅）在页脚下显示长空 space，当我仅使用 Google Chrome 时会发生这种情况。 IE、Firefox 运行没有任何问题。

PS : 1 - 当我将主页转为静态内容页面时，这个奇怪的 space 从 Google Chrome 中消失了。

2 - 我试过禁用所有插件，但仍然有同样的问题

那么如何解决这个问题呢？

Site URL

Answer 1

问题似乎出在每个 article 中的 .screen-reader-text class 中，它使主页中的项目保持流动。

尝试将 css 更新为：

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

请记住，这也会影响 .says class。如果需要，只需将 .screen-reader-text 移动到它自己的 class.

.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;
}

在我的主页页脚下空 space - Wordpress

Empty space under my main page footer - Wordpress

html

css

wordpress

space

footer