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来设置块级元素的的偏移位置。
当然，在写网页的时候，不一定只使用一种定位方式，很多时候都是绝对定位和相对定位混合使用，才能完成网页布局。