我已经包含了一个描述这个的link to a video,但基本上Firefox正在向元素添加左/右空白,使得感知填充与Chrome和IE不同.如果我修改Firebug中的值并更改回来,那么空格就会消失,并且就像我期望的那样工作.这是非常令人沮丧的,任何想法？
请观看the video以获得准确的描述.
谢谢
更新1：这是一个可以检查代码的测试服务器,它可能与视频略有不同但问题仍然相同. test.audrey-oxenhorn.gotpantheon.com
最佳答案
好的,我想出来了！
尝试在JSfiddle上重新创建此尝试后,我发现：第一个字母的伪元素导致了这个问题.然后我做了一些搜索,发现这是一个known browser bug in Firefox,自2007年以来一直开放.有类似的问题here.由于我能够通过触发Firebug的重排/重绘来纠正问题,我怀疑问题是一样的如前所述,我使用以下代码触发该块元素的重排：
@-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } }
.sf-menu a {
-moz-animation: bugfix 0.001s;
}
