element边框_element 对象告诉你元素占用了多少空间

Javascript 中 element 对象提供 offsetWidth, scrollWidth, clientWidth 等API，帮助我们了解元素占据的空间，下面我们具体了解以下这些API的意义：

offsetWidth：边框 + 内边距 + 内容宽度

clientHeight：内边距 + 内容

scrollHeight

getBoundingClientRect：返回实际渲染的宽高（边框 + 内边距 + 内容宽度）。

例如：

如果元素的宽 width:100px，变化 transform:scale(0.5)，此时 getBoundingClientRect() 将返回宽50，而 offsetWidth 将返回宽100.

getBoundingClientRect() 方法的返回值是一个 DOMRect 对象，拥有 left, top, right, bottom, x, y, width, 和 height 这几个以像素为单位的只读属性用于描述整个边框。