导航在Firefox中显示略有不同

时间:2015-06-19 22:25:07

标签: html css

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

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

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

这就是我所说的差距

1px menu item space

我已经与多个元素(nav,ul等)的heightline-heightpadding等混淆了,但似乎没有什么可行的。

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

1 个答案:

答案 0 :(得分: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(小图标)。它会造成一些上层空间,但是当你给它一个绝对的位置时,一切都很好我的朋友!