Html 在Firefox中，具有相同类的两个元素看起来不同

我有两个

都具有完全相同的类，并且都没有其他属性，它们在Chrome等浏览器中看起来相同。但是在Firefox中，出于某种原因，页面底部的一个看起来正常，但顶部的一个厚度是原来的两倍

有什么想法吗？我也愿意接受其他建议，如果它们能更好地创建一条2.5px高的黑线

---

问题在于，在Firefox的每一页上，顶部的黑线看起来太粗了，但底部的黑线很好。这两行在其他浏览器中都很好。

尝试添加高度：2px不能是2.5px

---

如果要以小数定义值，请尝试使用

2.5em

。不能对像素使用小数。在ems上小数是可以的

不知道为什么会出现这种情况，但是如果从正文中删除字体类。顶部的线条变细，底部的线条变粗。奇怪，奇怪，你不能在px中使用小数点。使用

高度：2.5%

使线条完全消失，

2.5em

使线条超厚。

高度：0.1em

在FF上实现线条，但在Chrome上使线条超厚。。。在FF上，高度：2.5em仍然太厚。好吧，我想我只能满足于高度：2px，因为

em

的东西不起作用。可惜。