css中positon的使用

1. positon:static; 静态定位（默认的 ）  

　　所有标准文档流中的元素都是静态定位

2. positon:relative;  相对定位

　　效果：不脱离文档流的定位，相对于原来的位置向上（top）、下(bottom)、左(left)、右(right)偏移。

　　作用：1微调元素；2绝对定位的参考，子绝父相

　　

3. position:absolute;  绝对定位

　　效果：使块元素脱离文档流 

作用：相对于离本元素（块）最近的设置了position属性的元素定位，如果都没有设置position，那么就相对于body定位

4. position:fixed;   固定定位

　效果：　脱离文档流，固定位置不变

　作用：　广告之类的东西需要固定在页面某一位置

后面三种都可以通过top,left,right,bottom来设置块级元素的的偏移位置。

当然，在写网页的时候，不一定只使用一种定位方式，很多时候都是绝对定位和相对定位混合使用，才能完成网页布局。