Safari 和 Firefox 中的填充更改答案

【问题标题】：Padding changes in Safari and FirefoxSafari 和 Firefox 中的填充更改
【发布时间】：2013-12-30 15:03:01
【问题描述】：

我有这个导航，它在 Chrome 中看起来很棒！唯一的问题是，在 Safari 和 Firefox 中，填充的呈现方式不同，并且导航项在标题之外可见。这个问题可以用overflow:hidden; 解决，但由于绿色标志，我无法添加。有什么建议么？我认为使用宽度和高度执行此方法可以解决它，但我无法更改 lis 的宽度和/或高度。

JS 小提琴 :: http://jsfiddle.net/MatthewKosloski/2MX94/

【问题讨论】：

这个 jsFiddle 对我有用（Firefox 22），尝试重置你的 CSS。

标签： html css browser padding nav

【解决方案1】：

我像这样添加了 line-height: 1.2：

nav li a {
color: #fff;
padding: 50px 85px;
line-height: 1.2;
}

这似乎对 chrome 和 safari 都有效

【讨论】：