jquery offset().left/top获取到的是对象父元素的坐标

Question

 <div class="main" id="main">
  <div class="container" ><img class="img" src="img/1.jpg"></div>
  <div class="container" ><img class="img" src="img/2.jpg"></div>
  <div class="container" ><img class="img" src="img/3.jpg"></div>
  <div class="container" ><img class="img" src="img/4.jpg"></div>
  <div class="container" ><img class="img" src="img/5.jpg"></div>
    </div>

 .main{width:1017px;
      height:400px;
      margin:100px auto;
      background-color:#666;
      opacity:0.8;
      filter:alpha(opacity=80);
      overflow-y:scroll;
      position:relative;
      box-shadow:0 0 15px #000 ;}

.container{padding:20px 10px 0;
           width:180px;
           height:150px;
           float:left;
           }
.img{width:100%;
     height:100%;
     border-radius:2px;}  

我输出包裹图片的div的offset().left和top，可无论哪一个，输出的都是.main这个div的，为什么呢求大神

Answer 1

jQuery的offset方法提供的是找到盒子模型中的顶级父元素，一般是相对于body的偏移。