position ：relative 和 absolute的区别

position:relative

官方解释：生成相对定位的元素，相对其正常位置进行定位

理解：

1、相对元素原来位置进行相应的位移；

2、被移动的元素，原来的位置还被占据着，没有被释放。不会影响其他元素的位置

position:absolute

官方解释：生成绝对定位的元素，相对于默认定位以外的第一个父元素进行定位

理解：

1.相对于谁进行定位有复杂:就是找出定位元素父元素链上的所有父元素，由近到远哪个元愫不是默认定位(即static定位) 的，那么就相对于它进行定位。

2.定位元素会释放原来所占的位置，其他元素 会补充进来,好似float属性让其漂浮起来一样。

3.当元索链上所有父元索都是默认定位，那么absolute定位就是相对于body元素的， 效果和fix定位差环多。

文章转自：https://segmentfault.com/a/1190000012291219