导航在Firefox中显示略有不同

Question

在我正在处理的网站上，我在主要浏览器上看到的内容几乎相同（查看Chrome，Safari和Firefox）。

导航项目除了令人讨厌的1px间隙外，所有内容都很明显，有效项目（背景填充时）明显。

您可以在此处访问该网站：http://lumbre.breadadams.com/

这就是我所说的差距

我已经与多个元素（nav，ul等）的height，line-height，padding等混淆了，但似乎没有什么可行的。

但是，如果我将font-size从1.2em增加到1.3em，那么它就适合，但它不适用于Chrome。一次增加字体0.1使其在Chrome和Firefox之间基本适应。

Answer 1

#navigation-container #main-nav ul > li.menu-item-has-children > a::after {
    content: "";
    font-family: FontAwesome;
    margin-left: 4px;
    position: absolute;
}

这是你的回答amigo！

只需添加position: absolute;

即可

它是需要绝对位置的:after（小图标）。它会造成一些上层空间，但是当你给它一个绝对的位置时，一切都很好我的朋友！