OffsetLeft、offsetTop、offsetWidth、offsetHeight和clientWidth、clientHeight、clientLeft、clientTop的区别：

OffsetLeft：此属性是返回当前元素距离某个父辈元素左边缘的距离，如果父辈元素中有定位的元素，则就返回距离当前元素最近的定位元素边缘的距离；如果父辈元素中没有定位元素，那么就返回相对于body左边缘的距离。（不包括元素的边框和父容器的边框）

OffsetTop：返回当前元素距离某个父辈元素上边缘的距离。

OffsetWidth：元素内可见区域的宽度+元素边框的宽度（不包括外边距和滚动条部分）元素的width + padding + border

offsetHeight：元素内可见区域的高度+元素边框的高度（不包括外边距和滚动条部分）元素的 height +padding + border

clientWidth：元素可见区域的宽度，不包括滚动条等边线（等于元素内容 +内边距）

clientHeight：元素可见区域的高度，不包括滚动条等边线

clientTop、clientLeft：返回的是元素周围边框的厚度，如果不指定一个边框或者不定位该元素，他的值就是0.