偏移量（offset dimension）
偏移量：包括元素在屏幕上占用的所有可见空间,元素的可见大小由其高度，宽度决定，包括所有内边距，滚动条和边框大小（注意，不包括外边距）。
以下4个属性可以获取元素的偏移量
-
1.
offsetHeight：元素在垂直方向上占用的空间大小，以像素计。包括元素的高度（可见的），水平滚动条的高度，上边框高度和下边框高度。 -
2.
offsetWidth：元素在水平方向上占用的空间大小，以像素计。包括元素的宽度（可见的），垂直滚动条的宽度，左边框宽度和右边框宽度。 -
3.
offsetLeft：元素的左外边框至包含元素的左内边框之间的像素距离。 -
4.
offsetTop：元素的上外边框至包含元素的上内边框之间的像素距离。
其中offsetLeft，offsetTop属性与包含元素有关，包含元素的引用保存在offsetParent中，请注意offsetParent与parentNode的值不一定相等。
具体可参考这篇文章一文看懂js中元素偏移量（offsetLeft,offsetTop,offsetWidth,offsetHeight）
菜鸟教程https://www.runoob.com/jsref/dom-obj-all.html
标签：元素,偏移量,边框,offsetLeft,offsetTop,offsetHeight From： https://www.cnblogs.com/echohye/p/16874239.html