1. 首页
  2. 问答
  3. Chrome和Safari周边LI项目的额外填充

Chrome和Safari周边LI项目的额外填充

2010-12-02 61 views
0

在此站点的导航栏中，我们遇到了导航栏中的项目填充问题。在Chrome和Safari中，每个li项目的左侧填充说10，但它实际上增加了几个额外像素（填充12或13）。Chrome和Safari周边LI项目的额外填充

Firefox和IE9显示正确的10px。

任何想法可能导致这种情况？

来源

2010-12-02 Andelas

+0

您是否设定了保证金？浏览器的默认页边距可能会有所不同。 – 2010-12-02 18:53:20

+1

在Chrome和Firefox中，链接看起来与我相同 - 你确定它不是只出现在未访问的链接上的3px填充引起的问题？ – lnrbob 2010-12-02 18:55:08

回答

1

FireFox未将a：link css属性应用于已访问的链接，因此这些链接不会收到3px填充。然而，Chrome 是。

要解决这个问题，试试把你的css“a：link”规则改为“a”。

来源

2010-12-02 18:54:29 simshaun

0

可能存在从父项继承的边距或焊盘，您是否尝试过一个css reset文件（虽然对于此实例它可能有点极端）？或者在树上进一步设置填充/边距为0？

来源

2010-12-02 18:53:09 brett

相关问题

 相关问题