Html-定位（Position）

Posted 2022-12-14 DaLiangChen

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