定位
三种定位:
-
普通流 上左右下 (默认)
-
浮动 左浮 右浮 同一行
-
绝对定位
绝对定位
position:static; 默认普通流
position:relative;相对定位,
- 相对自己定位,
- 如果没有偏移量,就不动正常显示
- 既不脱离文档流,也不脱离文本流。
position:absolute;绝对定位,
- 如果父类有定位,相对于父类偏移。
- 如果父类没有定位 ,则相对于窗口偏移。
- 既脱离文档流,也脱离文本流。
position:fixed; 固定定位
- 相对于窗口定位。
- 既脱离文档流,也脱离文本流。
position:sticky;粘性定位
- 当没达到偏移量时是相对定位
- 当达到偏移量时是固定定位
偏移值:
top上
left左
right右
bottom下
z-index 设置元素的推叠顺序
z-index:堆叠的层数;