元素大小位置

一偏移量：

offset：offsetHeight和offsetWidth是元素在垂直和水平方向上占用的空间大小，以像素计。包括元素的高度（可见的）滚动条的高度，包含内边距，滚动条，和边框的大小。

offsetLeft和top 是元素的边框至包含元素的左边框之间的像素距离。

二客户区大小：height和Width是内容加上内边距的大小；

三滚动大小：TL是滚动的距离

Element.getBoundingClientRect()

返回值

返回值是一个 DOMRect 对象，是包含整个元素的最小矩形（包括 padding 和 border-width）。该对象使用 left、top、right、bottom、x、y、width 和 height 这几个以像素为单位的只读属性描述整个矩形的位置和大小。除了 width 和 height 以外的属性是相对于视图窗口的左上角来计算的。

 

 该方法返回的 DOMRect 对象中的 width 和 height 属性是包含了 padding 和 border-width 的，而不仅仅是内容部分的宽度和高度。在标准盒子模型中，这两个属性值分别与元素的 width/height + padding + border-width 相等。而如果是 box-sizing: border-box，两个属性则直接与元素的 width 或 height 相等。