CSS中position属性解析

    CSS中的position属性有static，relative，absolute和fixed四个。他们之间的区别是什么呢？

    position属性的默认值是static。主要是要弄清楚两个问题：对象能不能被定位（即通过top,left,bottom,right能不能定义对象的相对偏移量），对象定位的参考点（即相对于什么来定位）。

    static（静态）属性，对象遵循正常文档流，不受top,left,bottom,right的影响，且没有层叠效果（position属性是static的或没有position属性的对象z-index属性对其无效）。

    relative（相对）属性，与static属性类似，对象遵循正常文档流，但是可以通过top,left,bottom,right定义对象在正常文档流的偏移，层叠效果通过z-index定义。

    absolute（绝对）属性，对象脱离正常文档流，其相对于最近的position属性不是static的父元素定位，可以通过top,left,bottom,right定义对象相对的偏移量，层叠效果通过z-index定义。

    fixed（固定）属性，对象脱离正常文档流，其相对于窗口进行定位，可以通过top,left,bottom,rigth定义对象相对的偏移量，层叠效果通过z-index定义。

    另外，层叠效果在IE浏览器中与其他浏览器并不完全一致，需要了解的可以自己去查找相关资料。