我从imooc中的作业中截了三张图，就是前面三节设置的absolute，relative，fixed三种定位。你也可以试试，动动手在index内设置好后，右侧的效果栏中看看，就能看出区别。在三个图中我也写了各自的特征和解释！！

1、绝对定位(position: absolute)，对于body或相对体整体进行位置的挪动

2、相对定位(position: relative)相当于人灵魂出窍（可以不受限制），躯体还在(保持的原位置，只不过躯体隐形了)。

3、固定定位(position: fixed)做广告的技术呀(一般都在右下角加图片链接)。滚动条浮动，但盒子不懂（这个相当于只有灵魂出来了，不受外界控制）

总结一下： 
1、相对定位不会失去文档流中的位置，而绝对定位和固定定位都会失去原来在文档流中的位置而被下面的替代； 
2、无论是相对、绝对还是固定定位，当偏移量超出上面、左边浏览器窗体（或者说超出可视区域）的时候，超出的内容都会被隐藏；而超出下面和右边的时候，相对定位和固定定位会隐藏超出的部分内容，而绝对定位会出现滚动条。 
3、相对、绝对和固定定位都会浮在正常文档流的上面，如果遮盖了正常显示的文档流，可以设置z-index来消除。v