| clientHeight | 元素的像素高度,包含元素的高度+内边距,不包含水平滚动条,边框和外边距 | |
|---|---|---|
| offsetHeight | 元素的像素高度 包含元素的垂直内边距和边框,水平滚动条的高度,且是一个整数 |
offSetHeight比clientHeight 多了padding和滚动条的（水平滚动条高度。垂直滚动条宽度），那么为什么取名叫offSetHeight呢？
offset 是偏移的意思，在计算机科学和编程中，offset 通常表示某个值相对于某个基准点的偏移量。在 DOM 中，offset 属性通常用于表示元素相对于其父元素或其他参考点的尺寸和位置。
因为基于父元素来讲，滚动条占用的内容高度和padding，都属于子元素占用空间，所以起名为offSetHeight、offSetWidth。核心就是因为这个度量单位是基于父元素为参考的。
