jquery position没有获取到相对于父元素的偏移量 而是父元素相对于视口的偏移量

Question

rt:jquery的position()方法获取的是父元素相对于视口的偏移量 这是为何 不是获取相对于父元素的偏移量么？css代码：.wrapper {            width:300px;            height:200px;            background: #5bc0de;            margin: 0 auto;            /*padding-top:1px;*/             /*border:1px solid transparent;*/             overflow: hidden;         }        .wrapper .btn {            width:80px;            height: 35px;            line-height: 35px;            text-align: center;            border:1px solid #fff;            margin:0 auto;            background: #efefef;            color:#d9543f;            margin-top:40px;            cursor: pointer;         }html代码：<div class="wrapper">     <div class="btn">click</div> </div>js代码：    $(".btn").click(function(e) {        var off = $(this).offset();        console.log(off);        var pos = $(this).position();        console.log(pos);        // console.log("left : "+pos.left);         // console.log("top : "+pos.top);     })浏览器上的效果：

Answer 1

position() 方法是相对于 offsetParent 而言，offsetParent 指所有父级元素中距离最近的定位元素(relative or absolute)。

.wrapper { position: relative;}

Run test agin!