css 定位差异特点

相对定位 relation

• 移动方向
  • top、right、bottom、left
• 特点
  • 只加相对定位，不设置元素移动的位置，元素和之前是没有变化
  • 根据自己原来位置计算移动的位置
  • 不脱离文档流，元素移动走以后，原来的位置还会被保留
  • 加上相对定位后对原来的元素本身的特征没有影响
  • 提升层级 绝对定位 absolute
• 移动方向
  • top、right、bottom、left
• 特点
  • 完全脱离文档流
  • 行内元素支持所有样式 (与加上浮动或者inline-bolck以后的效果是一样的)
  • 如果父级有定位，那位置会根据父级移动。如果父级没有定位，那位置根据可视区定位 (一般情况下，要用到绝对定位的时候，都会给父级来一个相对定位)
  • 提升层级
  • 触发BFC 固定定位 fixed
• 移动方向
  • top、right、bottom、left
• 特点
  • 完全脱离文档流
  • 行内元素支持所有样式 (与加上浮动或者inline-bolck以后的效果是一样的)
  • 相对可视区移动位置
  • 提升层级
  • 触发BFC
  • IE6不支持 默认值 static