元素偏移量 offset

要注意获取的都是距离带有定位的父元素的位置，而且返回值都不带单位

• element.offsetTop**：返回值为距离有定位的父元素的上边距的偏移**

• element.offsetLeft**：返回值为距离有定位的父元素的左边距的偏移**

• element.offsetWidth**：返回值为自身宽度+padding+border，不带单位**

• element.offsetHeight**：返回值为自身高度+padding+border，不带单位**

• element.offsetParent**：返回值为带有定位的父级元素，如果父级都没有定位，则返回****body**

---

一：element.offsetTop：

=====================

返回值为距离有定位的父元素的上边距的偏移，如果父亲没有设置定位，则输出距离为距离body的上边框的距离，如果有定位则为距离有定位的父元素的上边距的偏移

1.对于没有设置定位的父元素，则返回值为距离body上边框的偏移

2.如果有设置了定位的父元素，返回值为距离设置了定位的父元素的上边距的偏移

---

一：element.offsetLeft：

======================

返回值为距离有定位的父元素的左边距的偏移，如果父亲没有设置定位，则输出距离为距离body的左边框的距离，如果有定位则为距离有定位的父元素的左边距的偏移

1.对于没有设置定位的父元素，则返回值为距离body左边框的偏移

1.对于有设置了定位的父元素，则返回值为距离该设置了定位父元素左边框的偏移

---

三：element.offsetWidth：

==========================

返回值为 自身宽度 + padding + border，不带单位

---

四：element.offsetHeight：

===========================

返回值为 自身高度 + padding + border，不带单位