元素尺寸\元素偏移

获取元素尺寸 ----获取元素占地面积

+ offsetWidth 和 offsetHeight
+ 得到:
-> 元素 内容 + padding + border 区域的尺寸
+ 注意:
-> 不管盒子模型是什么, 获取到的区域不变
-> 在页面上占位才能拿到尺寸, 如果不占位, 那么拿不到尺寸

+ clientWidth 和 clientHeight
+ 得到: 元素 内容 + padding 区域的尺寸
+ 注意:
-> 不管盒子模型是什么, 获取到的区域不变
-> 在页面上占位才能拿到尺寸, 如果不占位, 那么拿不到尺寸

获取元素偏移量
+ 要知道相对于谁来计算 ?
=> 概念: 一个元素的偏移量获取, 是参考的该元素的 定位父级

.offsetLeft和.offsetTop
得到:
-> 该元素相对于 参考元素 的 偏移量

+.clientLeft 和 .clientTop
相对于谁 ?
+ 改变: 元素自己的 padding 区域相对于 自己的 border 左上角
+ 其实就是该元素 上边框 和 左边框 的尺寸