- relactive限制子孙定位元素定位
- 设置了具体z-index值,会创建层级上下文,则内部absolute层级都是在此层级上排列。
- absolute元素突破overflow: hidden; 父relative则限制absolute子元素突破overflow.
- 对于fixed子元素,只能限制其z-index。
- 定位相对于自身位置。
- relative定位是无侵入,不会影响其他元素定位
- 同时存在对立定位属性 (top/bottom left/right),top存在时bottom无效,left存在right无效。
- 可以提高层叠上下文
- relative z-index:auto;不会新建层叠上下文,不会限制内部absolute层级(除IE6/IE7)