看来ul元素在Firefox中的呈现方式与在Chrome和Safari中不同。我的网站是Double Enders,我所指的ul元素构成了顶部菜单(在1000px宽以上的设备中)。如您所见,在Firefox中,菜单上方有多余的空间,导致页面的整个中间部分下拉。在其他浏览器中没有这样的问题。

如果我在ul的父div上放置了overflow:auto,然后使用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/

10-11 13:01
查看更多