定位

position 属性

• static 默认值没有定位
• relative 相对定位
• absoulte 绝对定位
• fixed 固定定位

静态 static（默认）

• 没有定位，以标准流显示

相对定位 relative

• 参考点是元素自己原来的位置
  • 偏移设置： top left right bottom
• 相对定位的实际应用：
  • 微调位置
  • 和绝对位置配合，作为定位基准点

绝对定位 absolute

• 偏移设置： top left right bottom
• 绝对定位的特性
  • 绝对定位元素脱离标准文档流
  • 绝对定位的参考点

距离最近的具备定位特性的祖先元素
祖先元素都没有定位时，以页面和浏览器窗口为基准

固定定位 fixed

• 固定定位的参考点是浏览器窗口
• 固定定位元素脱离标准文档流
• ie低版本不支持