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

一、relative对absolute的限制作用

1.限制left/top/right/bottom的定位。

2.限制z-index层级。

限制后relative的层级高低决定了absolute的层级高低（大概是因为子凭母贵吧）

3.限制超越overflow。

普通的absolute不受滚动影响，但在relative下受。(大概是爸爸管不住孩子，妈妈一出马就搞定的戏码)。

二、relative对fix的限制作用

只限制z-index层级。(妈妈也管不太住的淘气包)

三、relative与定位

1.相对自身定位

2.无侵入，不影响其他布局的定位。

无侵入布局的应用：自定义拖拽。

四、relative与层次

1.提高层次上下文。

五、relative与原则

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