怪的位置：在Mac WebKit浏览器绝对行为

Question

我试图定位复选标记的菜单项目旁边通过执行以下操作：

#userInfo div.dropDownContent p span 
{ 
    position: absolute; 
    margin-left: -20px; 
} 

一个段落内部的跨度绝对定位，以保持菜单项文本的居中，否则复选标记与文本一起居中，并且看起来很糟糕。

正如您在此jsFiddle中看到的那样，您的普通Windows浏览器中的复选标记看起来不错，但是Mac和iPad上的Safari（甚至Mac上的Chrome）会在菜单外显示复选标记，可以使它移动一个像素。

有谁知道我在做什么错？它是一个webkit的错误？谢谢。

Answer 1

我的确在Safari中看到了这种奇怪的行为，但我真的无法解释它为什么只在浏览器中。

这就是说，this updated fiddle应该告诉你什么为我工作。

基本上，而不是绝对定位的跨度，我用相对定位，并将其设置到左-20px像这样：

#userInfo div.dropDownContent p span 
{ 
    position: relative; 
    left: -20px; 
}