定位: (position) (position: static;)默认定位就是根据普通流定位
1、相对定位:(position: relative;)的偏移元素参考的是元素本身,不会使元素脱离文档流,元素的初始位置占据的空间会被保留。在使用相对定位的情况下,不添加偏移量,定位元素不发生变化 。
2、绝对定位:(position:absolute ;)绝对定位脱离文档,文本流 。当没有父级或者父级没定位,根据窗口定位 。当父级有定位,会根据父级定位
3、固定定位:根据窗口定位,定位后就固定不动了。 固定定位脱离文本文档流 。
4、粘性定位:(position: sticky;) 粘性定位刚开始没有达到范围之前,在自己原来位置上类似于相对定位 。当达到闯值时,变成固定定位,根据父级定位。
(z-index 调层级 元素必须有定位)