offsetLeft与offsetTop
没有已经定位的父元素
在没有已经定位的父元素的情况下，offsetParent为body元素。
offsetLeft表示元素盒子box边框到浏览器窗口左边界的距离。
在IE及Chrome浏览器中，offsetLeft = body.margin-left + body.border-left-width + body.padding-left + box.margin-left；
然后在Firefox浏览器中，offsetLeft的计算会忽略body.border-left-width。
offsetTop表示元素盒子box边框到浏览器窗口上边界的距离；其计算规则同offsetLeft。
有已经定位的父元素
在有已经定位的父元素的情况下，offsetParent为最近的已经定位的父元素。
offsetLeft表示元素盒子box边框到父元素边框的距离。
offsetWidth与offsetHeight
无论有没有已经定位的父元素，offsetWidth和offsetHeight的值等于box.width + box.padding + box.border-width
原文：http://www.cnblogs.com/cc156676/p/5744094.html