平时在写css样式的时候position是我们比较常用的一个属性。有时候会弄不清其几个属性值的真正区别。不过用的时间久了，也就慢慢的明白了。不过其实想用好position有时候还是需要些技巧的。写篇博文总结下自己。

1. position的作用：用于设置对html元素的定位方式　　
2. position属性的值：

值名称	描述
static	position的默认值，设置此属性时，元素按照正常的流式布局往下排列
inherit	继承父元素的position值
relative	相对于其他元素的定位
absolute	相对于采用static定位的父元素的绝对定位
fixed	相对于浏览器的绝对定位

　备注：如果给元素才用了top,left等定位属性时，只有relative,absolute,fixed才会有效果。

　　3.应用实例

　　　这里主要记录是absolute和fixed属性值。absolute与fixed的好处主要就是它的定位不拘束于其它同级元素，不想其它几种布局自己的定位会被其它元素所影响。所以像做一些动画效果，div浮动效果的时候，这个两个属性值就尤为适合了。

　　结合z-index的使用

　　　　z-index 用于控制元素在页面中层级的位置，就跟高楼大厦的楼层一样，z-index则可用于控制所在的楼层。absolute与fixed都支持z-index属性。所以当几个元素采用absolute或者fixed属性时，为了达到层次显示的效果，z-index属性就很方便了。

　　示例：

                
                                     
     
        
     
        
     
      返回顶部
     
        
     
      我在下面
     
        

 

　　像利用absolute做动画效果的例子在JQuery官方上面的例子还是比较多。再次就不做详解了。