语法

说明

文档流

偏移位置 (top left right bottom)时候的参照物

层叠顺序 (Z-index)

position: static

默认值

默认

默认

z-index厲性是不带

单位的,并且可以给

负值,没有设置z-

index时,最后写的

对象优先显示在上层,

设置后,数值越大,

层越靠上;

position: absolute

绝对定位

脱离

  • 当没有父元素或者父元素没有定位,参照物是浏览器窗口的第一屏
  • 有父元素且父元素有定位,父元素

position: relative

相对定位

不脱离

自己的初始位置

position: fixed

固定定位

脱离

浏览器的当前窗口

position: sticky

粘性定位

可以做吸顶效果,粘性定位是css3.0新增加的,兼容不好