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

Question

我一直在为一个 friend 编写一个网站，密切关注他发给我的截图。我正在编写它，同时在 chrome 中查看，但后来我意识到 section 的位置在 mozilla firefox 中搞砸了。

我怎样才能修复它，让它在两种浏览器中看起来都很好？

这是它的链接，所以我不必粘贴所有代码:http://pgw10eu.url.ph/more/des/index.html

Answer 1

问题是事件li的高度。检查 nav li.active 中的 padding-bottom。您已将其设置为 10px，但如果您将其设置为 8px 就没问题。

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

如果浏览器窗口很宽，那么 section 可以 float 到触及 nav 但事件 li 的高度会将它推到权利。