页脚后多出1像素的白线？

Question

你好！

我正在运行一个博客，它使用的主题是我自定义的，但是在某些页面上却遇到了一个奇怪的问题。主页看起来没有受到影响，常规页面也没有受到影响。但是，类别页面会受到该问题的影响。

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

页脚的屏幕截图（我将图像放置在photoshop中的灰色背景上，以便您可以轻松发现它）：

这似乎实际上只发生在类别页面上，您可以在不同的浏览器上重现它（在台式机和移动版Chrome，Edge上试用）。

由于我对CSS的了解有限，所以我无法确定问题所在。这里没有多余的边距，没有额外的边框，什么也没有。实际上用显示隐藏了整个页脚div：没有任何显示并将主体的背景色更改为黑色，仍然在主体之后显示了这条额外的1px白线！这是浏览器错误吗？ （可能不是）

在这个问题上有什么聪明的主意吗？！

Answer 1

搜索了很长时间后，我发现了您的问题，您有一个类为screen-reader-text的div，它的绝对位置为高度1px，这就是您的行位于底部的原因，我不是确定您使用它的目的是什么，我刚刚尝试了display:none;，它就可以了。希望您能解决它。