jsoffsetTop和offsetLeft实例分析

来源：视递美食网

offsetTop：以 CSS 像素为单位返回元素上边框距其 offsetParent 上边框的距离。
offsetLeft：以 CSS 像素为单位返回元素相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

这里最主要的是找准 offsetParent。
其实很简单，比如我们要计算A元素的 offsetTop，那么先要找到A元素的offsetParent，A元素的offsetParent应该是离A元素最近的父元素，并且父元素设置了position：relative或absolute属性，如果没有匹配到任何父元素，那么应该以窗口为基准计算元素的offsetTop。

下面用实例来说明：

;





? ? 300X200的盒子
? ? 
? ? ? ? offsetTop详解
? ?