得到结果
- offsetHeight：设置的内容高度 + padding上下 + border上下
- offsetTop： marginTop
- scrollHeight：实际内容高度 + padding上下（重合时取超出部分，设置了滚动的时候不会重合）
- scrollTop： 实际滚动距离（注意滚动到底的话，该值居然为内容超出高度 + 另一向滚动条高度）
- clientHeight：设置的内容高度 + padding上下
- clientTop: borderTop
ps：设置的内容高度在最后有说明
尝试过程
随便创建一个有padding border margin的盒子模型
内容设置为一个超过父元素宽高的子元素
设置溢出滚动overflow: scroll
滚动到底部后：
备注
box-sizing: content-box的情况下，height：100px ，设置的内容高度为100px
box-sizing: border-box的情况下，height: 100px，padding: 10px，border: 5px ，计算设置的内容高度为70px
