绝对定位
position: absolute;
绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。
绝对定位与文档流无关,可以覆盖在其他元素上方,可以通过z-index控制层的对方顺序
绝对定位是元素想对于离他最近的设置了position的父元素的偏移
相对定位
position: relative;
相对位置是相对于元素在文档中的初始位置,也就是他首先出现的位置。
相对定位:相对自己原来的位置发生偏移,不会脱离文档流,不会删除它原来在文档流中占据的位置,且后面是元素不会填补空位
绝对定位:相对它的父元素发生偏移(而且这个父元素必须设置了position属性,如果父元素没有position属性,则从最近的父元素开始找,直到找到body为止),会脱离文档流,后面的元素会填补它原来的位置。