看来 ul 元素在 Firefox 中的呈现方式与在 Chrome 和 Safari 中的呈现方式不同。我的网站是Double Enders ，我指的 ul 元素构成了顶部菜单(在宽度超过 1000 像素的设备中)。如您所见，在 Firefox 中，菜单上方有额外的空间，导致页面的整个中间部分都下拉。其他浏览器没有这个问题。
如果我将 overflow:auto 放在 ul 的父 div 上，然后使用 position:relative 和 top:-20px，所有内容在 FF 中都正确对齐，但在其他浏览器中则不然。
如何让菜单在浏览器中呈现一致？是什么导致了这个问题？
最佳答案
某些浏览器有不同的样式； Chrome、Safari、Firefox、Internet Explorer、Opera 和其他浏览器都可以呈现不同的内容。查看this answer ，探索使用 CSS 重置(在本例中为 Normalize.css)。它消除了这些细微差别，因此您可以在一种浏览器上进行开发，并确信您的网站在其他浏览器上看起来一样。
关于html - UL 元素在 Firefox 中呈现不同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48916401/