jquery - 为什么 jQuery .css ('left' ) 和 .position().left 返回不同的值？

Question

我得到的 $(el).css('left') 和 $(el).position().left 的值不同吗？

如果我去 $(el).css('left', '100px')，那么 $(el).css('left') 它会返回110px 而不是 100px (是的，它总是多 10%)，如果我评估 $(el).position().left，它给了我100。

为什么 Chrome 会这样？您可以使用 left 属性了解这将如何影响 jQuery 动画。

我在 Ubuntu 上使用 Chrome 21.0.1180.57。

编辑 1:似乎只影响 Chrome，FF 14.0.1 给了我相同的值。

Answer 1

left 返回 CSS left 属性的计算值。

position().left 返回相对于元素的第一个偏移父元素的 x 坐标。

这些值can be equal它们可以是not equal 。

position().left 也可以很容易地是 different between browsers因为渲染不同，而 .css("left") 只能在给定的单位上有所不同，如果是的话。