绝对定位和相对定位

一、相对定位

1.相对于自身原有位置进行偏移。

2.仍处于标准文档流中（占据文档中的位置）。

3.随即拥有了偏移属性和z-index属性。

二、绝对定位

1.建立了以包含块为基准的定位。

2.完全脱离了标准文档流。

3.随即拥有了偏移属性和z-index属性。

4.div宽度会随着内容的改变而改变，类似于浮动。

绝对定位分为未设置偏移量和设置了偏移量的两种类型。一般设置绝对定位会把其祖先元素设置为相对定位，这样可以让其稳定一些，因为相对定位是没有脱离文档流的。

未设置偏移量特点：

     1.无论是否存在已定位的祖先元素，都保持在元素的初始位置。

     2.脱离了标准文档流。

设置了偏移特点：

     1.无已定位的祖先元素，会以html（根节点）为参照基准。

     2.有已定位的祖先元素，以距其最近的已定位的祖先元素为偏移参照基准。

转载于:https://www.cnblogs.com/jlj9520/p/5220193.html