CSS中的position的值及其作用？

一、写在前面
position可以设置为多个值，可以设置的类型为absolute,relative,flex，static,inherit的值，下面将总结一些这些值的作用。
二、具体作用
2.1、relative

生成固定定位的元素，相对于元素本身正常的文档流进行定位。

2.2、absolute

生成绝对定位的元素，相对于值不为static的第一个父元素的padding box进行定位，也可以理解为离自己这一级元素最近的
一级position设置为absolute或者relative的父元素的padding box的左上角为原点的。

2.3、fixed（老IE不支持）

生成固定定位的元素，相对于浏览器窗口进行定位。

2.4、static

默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right,z-index声明）。

2.5、inherit

表示从父元素中继承position中的值。