相对定位 relation

• 移动方向

  • top、right、bottom、left

• 特点

  • 只加相对定位，不设置元素移动的位置，元素和之前是没有变化
  • 根据自己原来位置计算移动的位置
  • 不脱离文档流，元素移动走以后，原来的位置还会被保留
  • 加上相对定位后对原来的元素本身的特征没有影响

  • 提升层级

    绝对定位 absolute

• 移动方向

  • top、right、bottom、left

• 特点

  • 完全脱离文档流
  • 行内元素支持所有样式 (与加上浮动或者inline-bolck以后的效果是一样的)
  • 如果父级有定位，那位置会根据父级移动。如果父级没有定位，那位置根据可视区定位 (一般情况下，要用到绝对定位的时候，都会给父级来一个相对定位)
  • 提升层级

  • 触发BFC

    固定定位 fixed

• 移动方向

  • top、right、bottom、left

• 特点

  • 完全脱离文档流
  • 行内元素支持所有样式 (与加上浮动或者inline-bolck以后的效果是一样的)
  • 相对可视区移动位置
  • 提升层级
  • 触发BFC

  • IE6不支持

    默认值 static