1.相对定位
position relative相对定位 top距离上 left距离左边。
相对定位不会脱离文档流,也不会脱离文本流
相对定位是根据原位置定位的
2.绝对定位
position absolute绝对定位 top距离上 left距离左边。
相对定位会脱离文档流和脱离文本流
相对定位是根据原位置定位的
绝对定位父级没定位,根据窗口定位,如果有定位,根据父级定位。
3.固定定位
position fixed;固定定位。opac加透明度
脱离文档流和文本流
永远根据窗口定位,固定在页面中不会移动
4.粘性定位
position sticky
距离顶部xx像素才会移动
当没达到偏移量是,是相对定位,达到偏移量是固定定位.
5.设置元素的堆叠顺序。
z-index 可以设置元素的堆叠顺序,但必须搭配定位使用。