CSS2 定位 position

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

position:static | relative | absolute | fixed

默认值static

取值:

static:
无特殊定位,对象遵循正常文档流。toprightbottomleft等属性不会被应用。
relative:
对象遵循正常文档流,但将依据toprightbottomleft等属性在正常文档流中偏移位置。
absolute:
对象脱离正常文档流,使用toprightbottomleft等属性进行绝对定位。而其层叠通过z-index属性定义。
fixed:
对象脱离正常文档流,使用toprightbottomleft等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。IE6及以下不支持此参数值

说明:

检索对象的定位方式。
  • 对应的脚本特性为position

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6.0 #1 4.0 5.1 13.0 11.50
较新版本 7.0
  1. IE6及更早浏览器不支持position属性的fixed参数值。

示例: