css绝对定位、相对定位

绝对定位

position: absolute;

绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。
绝对定位与文档流无关，可以覆盖在其他元素上方，可以通过z-index控制层的对方顺序

---

绝对定位是元素想对于离他最近的设置了position的父元素的偏移

---

相对定位

position: relative;

相对位置是相对于元素在文档中的初始位置，也就是他首先出现的位置。

---

相对定位：相对自己原来的位置发生偏移，不会脱离文档流，不会删除它原来在文档流中占据的位置，且后面是元素不会填补空位

绝对定位：相对它的父元素发生偏移（而且这个父元素必须设置了position属性，如果父元素没有position属性，则从最近的父元素开始找，直到找到body为止），会脱离文档流，后面的元素会填补它原来的位置。