css学习--relative

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