关于position ！！！！！

今天我们来了解些好玩的——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：遵从父元素定位。

duang!duang!duang!今天的就结束了~下次再见！