position属性

position是CSS中非常重要的一个属性，通过position属性，我们可以让元素相对于其正常位置，父元素或者浏览器窗口进行偏移。
postion属性有4个不同类型的定位，这些类型会影响元素的生成方式，下面我们详细说明position属性。
1. static（静态）
static是position属性的默认值，默认情况下，块级元素和行内元素按照各自的特性进行显示。这种定位不会受到top,bottom,left,right的影响，不能通过z-index进行层次分级。
2. fixed（固定定位）
fixed定位是指元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的他也不会滚动，且fixed定位使元素的位置与文档流无关，因此不占据空间，且他会和其他元素发生重叠。
3. relative（相对定位）
相对定位元素的定位是相对于他自己的正常位置的定位。对象不可以层叠，不可以脱离文档流，参考自身静态位置，通过top,bottom,left,right定位，并且可以通过z-index进行层次分级。
4. absolute（绝对定位）
脱离文档流，通过top，bottom，left，right定位。选取其最后一个有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
5. inherit（继承）
规定应该从父元素继承 position 属性的值。