php - 页脚后额外的 1px 白线？

Question

您好!

我正在运行一个博客，使用我自己定制的主题，但我在其中的某些页面上遇到了一个奇怪的问题。主页看起来不受影响，常规页面也不受影响。但是，类别页面会受到此问题的影响。

我的博客在这里:http://www.salutparis.fr/decouvrir (这是一个类别页面)

页脚的屏幕截图(我在 photoshop 中将图像放在灰色背景上，这样您就可以轻松找到它):

它似乎只发生在类别页面上，您可以在不同的浏览器上重现它(在桌面和移动 Chrome、Edge 上试过)。

以我有限的 CSS 知识，我无法查明问题所在。这里没有多余的边距，没有多余的边框，什么都没有。实际上用 display: none 隐藏了整个页脚 div 并将 body 的背景颜色更改为黑色仍然显示这条额外的 1px 白线，在 body 之后!这是浏览器错误吗？ (可能不是)

关于这个问题有什么好主意吗？!

Answer 1

在搜索了很长时间后，我发现了你的问题，你有一个类为 screen-reader-text 的 div，它绝对定位，高度为 1px，这就是你的行的原因在底部，我不确定你用它做什么，我只是尝试了 display:none; 并且它有效。希望你能解决它。