jquery - 为什么我在 jQuery 中的偏移量和位置得到相同的值？

Question

我在段落标记内放置了一个跨度，现在位置顶部应显示为 0，偏移量应显示一些其他值(需要从文档计算)，但我在两者中得到相同的值...

我错了？

这是我的代码:

HTML:

<div></div>
<p>paragraph<span>span</span>paragraph</p>

Jquery:

$('span').click(function(){
console.log($(this).position().top,$(this).offset().top)
})

CSS:

p{
  color:green;
}

span{
  color:red;
}

div{
  height:100px;
  border:2px solid blue;
}

jsfiddle here

Answer 1

将 p 标记的 position 属性设置为 relative:

p {
  color: green;
  position: relative;
}

http://jsfiddle.net/zPdxB/