CSS中的position定位

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”属性进行规定