书写语法 | 说明 | 文档流 | 偏移位置(top,left,right,bottom)时的参照物 | 叠层顺序(Z-index) |
position:static; | 默认值 | 默认 | 默认 | Z-index属性是不带单位的,并且可以给负值,没有设置Z-index时,最后写的对象有限显示在上层,设置后,数值越大,层级越靠上; |
position:absolute; | 绝对定位 | 脱离 | A)当没有父元素或者父元素没有定位,参照物是浏览器窗口的第一屏 B)又父元素且父元素有定位,父元素 | |
position:relative; | 相对定位 | 不脱离 | 自己的初始位置 | |
position:fixed; | 固定定位 | 脱离 | 浏览器的当前窗口 | |
position:sticky; | 粘性定位 | 可以左吸顶效果,粘性定位是css3新增加的的,兼容性不好 |