position的属性值：static,absolute,relative,fixed.
1 static：position的默认属性，元素出现在正常的流中（忽略top，bottom，left，right，z-index声明）。通常设置position:static;的情况都是取消定位的
2 relative :相对定位,这个相对指的是元素的正常位置,就是相对于你不加position:relative;的情况进行了如何的偏移.加完这个属性可以通过top,left,bottom,right进行位移设置.如果没有设置这些位移仅仅设置position:relative;那么元素位置不会有任何变化.
注意：设置为relative的元素,它默认占有的空间还会继续被该元素占有,同时它不会影响其他相邻元素.
3 absolute 是绝对定位，相对于static定位以外的第一个父元素进行定位。绝对定位元素会脱离文档流,整个文档会当做它不存在一样去排版,并且它原先所占有的空间也不会存在.
只有在绝对定位的任何祖先元素都没有设置position值为relative或absolute的情况下,它才会比照html进行定位.
如果一个元素被绝对定位,那么先在离自己最近的元素中看有没有相对定位的元素,如果有则以此为参照物.如果没有则追溯祖先元素中有没有相对定位的元素.
4 fixed:生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过“left，top，right，bottom”属性进行规定
来源：oschina
链接：https://my.oschina.net/u/246522/blog/210689