offset

• offsetWidth和offsetHeight: width/height + padding + border;
• offsetParent: 有定位的上一级父盒子,如果都没有定位会一直找到body
• offsetTop和offsetLeft: 是盒子的border到上一级定位父盒子(也就是offsetParent)的距离

client

• clientWidth和clientHeight: width + padding 不包含border;
• clientTop和clientLeft: clientTop和clientLeft没什么用 他们就是borderTop和borderLeft（如果有滚动条会包含滚动条的宽度,但是一般情况下滚动条在右边和下面！）

scroll

• scrollWidth和scrollHeight: 盒子内容的宽和高,即 width + padding 不包含 border;
• scrollTop和scrollLeft: 内容被页面卷去的距离;