对CSS中的relative,absolute,fixed的探讨

一、relative对absolute的限制作用
1.限制left/top/right/bottom的定位。
2.限制z-index层级。
限制后relative的层级高低决定了absolute的层级高低。
3.限制超越overflow。
普通的absolute不受滚动影响，但在relative下受。

二、relative对fixed的限制作用
只限制z-index层级。

三、relative与定位
1.相对自身定位
2.无侵入，不影响其他布局的定位。
无侵入布局的应用：自定义拖拽。

四、relative与层次
1.提高层次上下文。

五、relative与原则
relative的最小化影响原则值得是尽量降低relative属性对其他布局的影响，总而言之就是少用！！