offset家族

家族成员：offsetLeft、offsetTop、offsetWidth、offsetHeight、offsetParent

一、offsetWidth和offsetHeight

检测盒子自身大小

offset宽/高 = 盒子自身的款 /高(width / height) + padding + border

二、offsetLeft和offsetTop

检测距离有定位的父盒子的左/上边的距离，从父盒子的padding开始算，border不算。如果父级元素都没有定位，则以body为准。

三、offsetxx和style.xx的区别

1、ele.style.xx只能获取行内样式设置的值，并不一定是实际效果值。

2、ele.offsetxx只读，而ele.style.xx可读写（只读是只能获取值，可写是可以赋值）

3、ele.offsetxx返回的是整数，而ele.style.xx返回的是字符串，数字部分可以是一位小数，除了数字外还带有单位。

4、ele.offsetWidth/Height获取的是 宽/高 + padding + border，而ele.style.weidth/height获取的是width/height.

四、offsetParent

返回距离该对象最近的带有定位的父盒子节点。

如果当前元素的父元素没有进行定位，此元素的offsetParent是body。