这里是标题
相对定位（相对于原位置）
1.需要设置 position:relative（相对定位），
2.它通过 left、right、top、bottom 属性确定元素在正常文档流中的偏移位置。
3.相对于原位置移动，移动的方向和幅度由 left、right、top、bottom 属性确定，偏移前的位置保留不动。
4.z-index 层级设置
绝对定位（相对于父类）
1.需要设置 position:absolute(绝对定位)，这条语句的作用将元素从文档流中拖出来
2.使用 left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
3.如果不存在这样的包含块，则相对于 body元素，即相对于浏览器窗口。
4.z-index 层级设置
固定定位（相对于网页窗口）
与 absolute 定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示大小，因此固定定位
的元素会始终位于浏览器窗口内视图的某个位置，不会受文档流动影响，这与background-attachment:fixed 属性功能相同。
4.z-index 层级设置