offset，client，scroll 系列

一.offset系列

offsetWidth=width+左右padding+左右border
offsetHeight=height+上下padding+上下border
offsetLeft：
1，如果父元素没有定位，就是相对于左侧浏览器的距离
2，如果父元素有定位，就是相对于左侧父元素的距离
offsetTop:
1、如果父元素没有定位，就是相对于上侧浏览器的距离
2、如果父元素有定位，就是相对于上侧父元素的距离

二.client系列

clientWidth = width + 左右padding
clientHeight = height + 上下padding
clientLeft = border-left
clientTop = border-top

三.scroll系列

scrollWidth = width + 滚动条的最大卷去宽度
scrollHeight = height + 滚动条的最大卷去高度
scrollLeft = 滚动条卷去的宽度
scrollTop = 滚动条卷去的高度

scrollLeft和scrollTop:两个属性可以设置，但必须在滚动事件下才能获取到。