元素偏移量 offset(2)，CSS定位

background-color: rgb(230, 227, 227);

}

.father::before,

.father::after{

content: ‘’;

display: table;

}

.father::after{

clear: both;

}

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

---

一：element.offsetLeft：

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

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

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

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

---

三：element.offsetWidth：

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

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

---

四：element.offsetHeight：

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

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

---

五：element.offsetParent：

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

返回值为带有定位的父级元素，如果父级都没有定位，则返回body

1.父元素没有设置定位，返回值为 body