【发布时间】：2018-12-21 05:31:00
【问题描述】：
你好！
我正在运行一个博客，使用我自己定制的主题，但我在某些页面上遇到了一个奇怪的问题。主页看起来没有受到影响，常规页面也没有。但是，类别页面会受到该问题的影响。
我的博客在这里：http://www.salutparis.fr/decouvrir（这是一个分类页面）
页脚的屏幕截图（我将图像放在 Photoshop 中的灰色背景上，以便您轻松发现它）：
这似乎实际上只发生在类别页面上，您可以在不同的浏览器上重现它（在桌面和移动 Chrome、Edge 上尝试过......）。
以我有限的 CSS 知识，我无法确定问题所在。这里没有多余的边距，没有多余的边框，什么都没有。实际上用 display: none 隐藏整个页脚 div 并将 body 的背景颜色更改为黑色仍然会在 body 之后显示这条额外的 1px 白线！这是浏览器错误吗？ （可能不会）
关于这个问题有什么聪明的主意吗？！
【问题讨论】：
-
删除了我的答案。我为我的误会道歉。我无法在 Linux 上的 Chrome 67.0.3396.99 或 Firefox 61.0.1 中重现此问题。
-
我实际上添加了一个屏幕截图以使其更清晰！ iphone上的safari也出现这种情况，很疑惑
-
找不到问题，但如果可能的话，你可以在 html 元素上使用作弊，给
html {background:black;} -
这是一个可行的解决方法！谢谢 ！但是这条额外的像素线是什么原因造成的？
-
问题是 .screen-reader-text 在页面底部消耗了 1px 的高度。如果将高度更改为 0，它将消失。上面的 hack 有效，因为该 div 没有设置背景颜色。