元素定位
--------------------https://www.cnblogs.com/qy-blog/p/17896457.html------------------------
-
static：静态定位（默认）。依据文档流定位。
-
relative：相对定位。以自身为基准，设置坐标（left、top、right、bottom），不脱离文档流。
-
absolute：绝对定位。以父元素为基准，设置坐标（left、top、right、bottom），脱离文档流。
-
fixed：固定定位。以浏览器窗口为基准，设置坐标（left、top、right、bottom），脱离文档流。
一、相对定位
-
以自身为基准定位。
-
不脱离文档流。
-
根据坐标定位到新位置之后，并不回收原位置空间。
二、绝对定位
- 脱离文档流。
- 根据坐标定位到新位置之后，原位置空间会被回收。
- 如果父元素也为relative或absolute定位，那么就以父元素为基准。
- 如果父元素不是relative定位，也不是absolute定位，那么一律以body为基准。
三、相对定位与绝对定位组合
1.父相子绝（推荐） ：这样子元素就以父元素为参考开始位移
2.父绝子绝 与上面的区别是父元素没有高宽了，都消失了
四、固定定位
元素始终固定在某个坐标位置，body以及body中的任何元素都不会对其产生任何影响。
