学习代码（CSS定位）

1.普通流：

顺序：上 左 右 下

2.绝对定位：

position：static(默认值，普通流)

※重点：

position：relative(相对定位)

1.当没有偏移量时，原来位置不变
2.没有脱离文档流，没有脱离文本流
3.相对定位是相对于原来的位置定位

position：absolute(绝对定位)

1.绝对定位父级没有定位，是根据窗口的位置定位
2.绝对定位父级有定位，是根据父级位置定位
3.当没有偏移量时，原来位置不变
4.既脱离文档流，又脱离文本流

position：fixed(固定定位)

1.既脱离文档流，又脱离文本流
2.永远根据窗口的位置定位

position：sticky(粘性定位)

1.当没达到偏移量时，为相对定位
2.当达到偏移量时，为固定定位