css-定位

定位

三种定位:

• 普通流 上左右下 (默认)

• 浮动 左浮 右浮 同一行

• 绝对定位

绝对定位

position:static; 默认普通流

position:relative；相对定位，

• 相对自己定位，
• 如果没有偏移量，就不动正常显示
• 既不脱离文档流，也不脱离文本流。

position:absolute;绝对定位,

• 如果父类有定位，相对于父类偏移。
• 如果父类没有定位 ，则相对于窗口偏移。
• 既脱离文档流，也脱离文本流。

position:fixed; 固定定位

• 相对于窗口定位。
• 既脱离文档流，也脱离文本流。

position:sticky;粘性定位

• 当没达到偏移量时是相对定位
• 当达到偏移量时是固定定位

---

偏移值：

top上

left左

right右

bottom下

---

z-index 设置元素的推叠顺序

z-index：堆叠的层数；