一、相对定位
1.相对于自身原有位置进行偏移。
2.仍处于标准文档流中(占据文档中的位置)。
3.随即拥有了偏移属性和z-index属性。
二、绝对定位
1.建立了以包含块为基准的定位。
2.完全脱离了标准文档流。
3.随即拥有了偏移属性和z-index属性。
4.div宽度会随着内容的改变而改变,类似于浮动。
绝对定位分为未设置偏移量和设置了偏移量的两种类型。一般设置绝对定位会把其祖先元素设置为相对定位,这样可以让其稳定一些,因为相对定位是没有脱离文档流的。
未设置偏移量特点:
1.无论是否存在已定位的祖先元素,都保持在元素的初始位置。
2.脱离了标准文档流。
设置了偏移特点:
1.无已定位的祖先元素,会以html(根节点)为参照基准。
2.有已定位的祖先元素,以距其最近的已定位的祖先元素为偏移参照基准。