JS盒子模型

元素的13个私有属性，包括3个系列：

1、client系列

• clientWidth：元素的内容+左右padding
• clientHeight：元素的内容+上下padding
• clientTop：元素的上边框（border-top-width）
• clientLeft：元素的左边框（border-left-width）

2、offset系列

• offsetWidth：元素的clientWidth+左右边框
• offsetHeight：元素的clientHeight+上下边框
• offsetTop：元素距离父级参照物的上偏移量，即父级参照物的上边框（不包括边框）到元素的上边框（不包括边框）的距离
• offsetLeft：元素距离父级参照物的左偏移量，元素父级参照物的左边框（不包括边框）到元素的左边框（不包括边框）的距离
• offsetParent：元素的父级参照物

3、scroll系列

• scrollWidth：当元素不溢出时，等于clientWidth；当元素内容溢出时，等于元素全部内容宽度+左padding
• scrollHeight：当元素不溢出时，等于clientHeight；当元素内容溢出时，等于元素全部内容宽度+上padding。
• scrollTop：拉滚动条时，往下拉动的距离
• scrollLeft：拉滚动条时，往右拉动的距离