在LI项目的Chrome和Safari上额外填充

时间:2010-12-02 18:49:20

标签: css html

在此网站的导航栏中,我们遇到了导航栏中li项目填充的问题。 http://www.wbbearonline.com/

在Chrome和Safari中,每个li项目上的左边距填充为10,但它实际上添加了几个额外的像素(填充12或13)。

Firefox和IE9显示正确的10px。

任何可能导致此问题的想法?

2 个答案:

答案 0 :(得分:1)

FireFox未将a:link css属性应用于已访问过的链接,因此这些链接不会收到3px填充。 Chrome 正在应用它。

要解决此问题,请尝试将您的css“a:link”规则更改为“a”。

答案 1 :(得分:0)

可能存在从父项继承的边距或填充,您是否尝试过css reset文件(虽然这个实例可能有点极端)?或者将树上的焊盘/边距设置为0?