今天我们来了解些好玩的——position:定位
position：定位。在前端工程师的大脑中顾名思义就是元素的定位方式。当然它很多的属性，那么今天我们就来了解它的五个属性吧！
1.static：这个属性就没什么高级的，就是position的一个默认属性，无特殊定位。
2.absolute：是绝对定位，将元素从文档流中拖出来。配合left，right，top，bottom进行定位；通过z-index属性进行层叠定义；相对于父元素（具有定位属性）进行位移定位。
特点：1.以父元素左上角为基准设置位置，如果父元素为设置定位，则以浏览器左上角为基准。
2.绝对定位绝对不占空间位置。
3.绝对定位可以实现模式转换（行内元素转化为块级元素）。
3.relative：相对定位，元素不可层叠，相对于自身定位位移。
特点：1.以元素自身的位置为基准位置。
2.相对定位占位。
3.一般子元素设置相对定位，父元素设置绝对定位（父相子绝）
4.fixed：固定定位，相对于窗口定位，不占位。
5.z-index：设置元素的层叠顺序；auto：遵从父元素定位。
