CSS定位

相对定位

relative:

1. 如果没有设置偏移量，保持原来位置不变
2. 根据自身原来位置进行偏移
3. 没有脱离文档流，也没有脱离文本流

绝对定位

absolute：

1. 逐级往上找，如果父级有定位，则根据父级定位，父级没有定位，则相对浏览器页面定位
2. 脱离文档流，也脱离文本流

固定定位

fixed：

1. 永远根据窗口定位
2. 脱离文档流，也脱离文本流

粘性定位

sticky：

1. 未达到偏移量时，是相对定位
2. 达到偏移量时，是固定定位

使用条件：

1. 父元素不能 overflow:hidden 或者 overflow:auto 属性
2. 必须指定 top、bottom、left、right4 个值之一，否则只会处于相对定位
3. 父元素的高度不能低于 sticky 元素的高度
4. sticky 元素仅在其父元素内生效

z-index

调整元素优先级（元素必须有定位）