Firefox 正在增加锚点的高度答案

【问题标题】：Firefox is adding height to anchorFirefox 正在增加锚点的高度
【发布时间】：2015-05-12 18:40:38
【问题描述】：

我的问题是 Firefox 在我的导航中的锚点高度上增加了 2px。我通过向嵌套在列表中的锚点添加填充来控制高度。

它使我的导航高度下降，并且事情没有排成一列。

当我检查元素时，高度是： FF: 20 像素即：18.4 像素铬：18 像素

如何确保高度相同？我正在向锚点添加填充，以便整个按钮可点击，而不仅仅是单词。有什么想法吗？

ul, li{
    padding: 0;
}
li{
    width: 33%;
    text-align: center;
    display: inline-block;
}
a{
    text-decoration: none;
    padding: 15px 0;
    background-color: bisque;
    display: block;
}
a:hover {
    background-color: #bbb;
}

<ul>
    <li><a href="#">Link 1</a></li><li><a href="#">Link 2</a></li><li><a href="#">Link 3</a></li>
</ul>

【问题讨论】：

我看到了同样的问题，使用一排按钮和样式看起来像按钮的内联块锚。在这种情况下，锚点高度都比 Firefox 中的按钮短 2 个像素。正如预期的那样，在其他浏览器中，两者的高度相同。我能找到的唯一解决方案是在按钮和锚点上设置一个明确的高度，这似乎适用于所有浏览器。

标签： firefox height anchor padding

【解决方案1】：

不知道为什么它给出不同的高度，但为了修复它，我指定了 li 的高度，它似乎可以工作。不过，我希望我知道为什么它的高度不同。

【讨论】：