JavaScript offset家族

一、offsetWidth和offsetHight （检测盒子自身宽高+padding+border）
offset宽/高  =  盒子自身的宽/高 + padding +border；
offsetWidth = width+padding+border；
offsetHeight = Height+padding+border；
二、offsetLeft和offsetTop  （检测距离父盒子(有定位属性)的左/上面的距离）
返回距离上级盒子（带有定位）左边/上边的位置
如果父级都没有定位则以body为准
offsetLeft 从父亲的padding 开始算,父亲的border 不算。
在父盒子有定位的情况下，offsetLeft == style.left(去掉px)
三、offsetParent   （检测父系盒子中带有定位属性的盒子节点）
四、offsetLeft和style.left(style.left是行内样式,为设置返回"")区别
1.offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。
2.offsetTop 只读，而 style.top 可读写。（只读是获取值，可写是赋值）。一般用offsetTop获取，用style.top设置。
3.如果没有给 HTML 元素指定过 top 样式，则style.top 返回的是空字符串。