我一直在为一位朋友编写一个网站，与他发给我的截图密切相关。
我正在编写它，同时在chrome中查看，但后来我意识到section的位置在mozilla firefox中搞砸了。
我该如何修复它，所以它在两种浏览器中看起来都很好？
这是指向它的链接，所以我不必粘贴所有代码：http://pgw10eu.url.ph/more/des/index.html
答案 0 :(得分：1)
好的，所以我发现，chrome和firefox有不同的填充大小（即使数量相同）我只需要添加firefox特定的填充。
答案 1 :(得分：1)
问题是活跃li的高度。查看padding-bottom中的nav li.active。你把它设置为10px，但如果你把它设置为8px就可以了。
如果您的浏览器窗口在FF中很窄，那么您会发现＆＃34;＆＃34;＆＃34; - ＆＃34; Page 6＆＃34;在nav栏和section之间。 ＆＃34; Page 1＆＃34;实际上触及了这一部分。
如果浏览器窗口很宽，那么section可以向上浮动以触及nav，但有效li的高度会将其推向右侧。
答案 2 :(得分：0)
您可以使用Chrome和Firefox内置的开发人员工具来修复它。
只需检查HTML元素并比较它们的大小（边距等）。 你应该能够找到那种差异。
您可以使用开发人员工具即时更改CSS属性 并在以后更正您的源代码。