CSS position

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

2. absolute：绝对定位，相对于第一个父元素定位（不包括static）。位置通过bottom、top、left、right决定。父元素必须是 position : relative 或 absolute 或 fixed；否则就找其祖先元素，都没有就相对于body定位！！与文档流无关，因此不占据空间。

3. ralative：相对定位，相对于正常文档流位置进行定位。元素仍占据原来的空间。

4. fiexed：绝对定位，根据浏览器窗口进行定位。

5. inherit：从父元素中继承position值。

static和relative的区别：
若是relative后没有再对元素进行top，left等等操作，那么两者就基本一样。

若执行了额外操作，则设置了relative的元素就会相对于原来的位置进行偏移（一般会重叠到其他元素之上），但是该元素不会脱离文档流，还是占有着以前的位置。

static不能有top,bottom,left,right或z-index声明，relative有。