关于position的的姿势

今天在给新同事讲解position的时候，发现自己虽然能够比较合理的使用，但是无法在阐述的时候表达清楚，这时候发现其实我对这部分的总结和归纳比较少，导致无法表述清楚，在一番搜索后，发现了一篇相对讲的比较清楚的文章

探究position定位中absolute和relative的异同

这里将其最终的结论进行总结，方便自己以后查阅

relative

总结relative定位：
1.相对于元素原来的位置进行相应的位移；
2.其他元素的位置并不受影响，也就是说被定位的元素原来的位置还存在占位，并没有释放。

absolute

总结一下absolute定位：

相对于谁进行定位有点复杂：就是找出定位元素父元素链上的所有父元素，由近到远哪个元素不是默认定位（即static定位）的，那么就相对于它进行定位。
定位元素会释放原来所占的位置，其他元素会补充进来，好似float属性让其漂浮起来一样。
当父元素链上所有父元素都是默认定位，那么absolute定位就是相对于body元素的，效果和fix定位差不多。

fix

脱离整个文档流，相对于浏览器的absolute定位，就算给html节点加上fix/absolute/relative也不影响它的定位

---