jquery - jQuery .css('left') と .position().left が異なる値を返すのはなぜですか?

Question

私が取得している値$(el).css('left')と$(el).position().leftは異なりますか?

もし私が行くなら$(el).css('left', '100px')、代わりに（はい、それは常に10％以上です）を$(el).css('left')返し、私が評価すると、それは私に与えます。110px100px$(el).position().left100

Chrome がこのように動作するのはなぜですか? プロパティを使用して、これが jQuery アニメーションにどのように影響するかを確認できleftます。

Ubuntu で Chrome 21.0.1180.57 を使用しています。

編集 1: Chrome にのみ影響しているようです。FF 14.0.1 は同じ値を与えています。

Answer 1

CSS left プロパティのleft計算値を返します。

position().left要素の最初のオフセットの親に相対的な x 座標を返します。

これらの値は等しくても、等しくなくてもかまいません。

position().leftまた、レンダリングが異なるため、ブラウザ間で簡単に異なる.css("left")場合がありますが、指定された単位のみが異なる場合があります。