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

这个问题涉及到jQuery库中的两个方法：.css('left')和.position().left，它们分别返回元素的不同值，这是因为它们获取元素位置的方式不同。

1. .css('left')：这个方法获取的是元素的内联样式（inline style）中的'left'属性值。如果元素的'left'属性没有设置，则返回undefined。这个方法主要用于获取和设置元素的样式属性。
2. .position().left：这个方法获取的是元素相对于其最近的定位（positioned）父元素的水平位置。如果父元素没有定位，则返回undefined。这个方法主要用于获取和设置元素的相对位置。

因此，当元素的样式属性和相对位置不同时，.css('left')和.position().left会返回不同的值。这是因为它们分别获取元素的不同属性值。如果需要获取元素的实际位置，可以根据具体情况选择使用.css('left')或.position().left。