Html 网站在mozilla firefox和chrome中看起来不同

我一直在为一位朋友编写一个网站，与他发给我的截图非常接近。 我在chrome中查看时正在编写代码，但后来我意识到在mozilla firefox中，

部分的位置被弄乱了

如何修复它，使它在两种浏览器中都看起来很好

这是它的链接，因此我不必粘贴所有代码：
您可以使用Chrome和Firefox的内置开发工具来修复它

只需检查HTML元素并比较它们的大小（边距等）。
你应该能够通过这种方式找到差异

您可以使用开发人员工具动态更改CSS属性
然后更正您的源代码。
好的，我发现chrome和firefox有不同的填充大小（即使数字相同），我只需要添加firefox特定的填充。
问题是活动的
li
的高度。选中
nav li.active
中的
padding bottom
。你把它设置为10px，但如果你把它设置为8px，就可以了

如果您的浏览器窗口在FF中很窄，那么您会看到
nav
栏和
部分之间的“第2页”-“第6页”之间有一个小间隙。“第1页”实际上涉及这一部分

如果浏览器窗口较宽，则
部分可以上浮以触摸
nav
，但活动
li
的高度将其推向右侧。
我知道这一点，但当我在firefox中更改某些内容时，在chrome中也会出现错误。太让人困惑了。正如我在上面的回答中所说，我自己发现了。仍然给你正确的答案。