我從imooc中的作業(yè)中截了三張圖，就是前面三節(jié)設置的absolute，relative，fixed三種定位。你也可以試試，動動手在index內設置好后，右側的效果欄中看看，就能看出區(qū)別。在三個圖中我也寫了各自的特征和解釋??！

1、絕對定位(position: absolute)，對于body或相對體整體進行位置的挪動

2、相對定位(position: relative)相當于人靈魂出竅（可以不受限制），軀體還在(保持的原位置，只不過軀體隱形了)。

3、固定定位(position: fixed)做廣告的技術呀(一般都在右下角加圖片鏈接)。滾動條浮動，但盒子不懂（這個相當于只有靈魂出來了，不受外界控制）

總結一下：?
1、相對定位不會失去文檔流中的位置，而絕對定位和固定定位都會失去原來在文檔流中的位置而被下面的替代；?
2、無論是相對、絕對還是固定定位，當偏移量超出上面、左邊瀏覽器窗體（或者說超出可視區(qū)域）的時候，超出的內容都會被隱藏；而超出下面和右邊的時候，相對定位和固定定位會隱藏超出的部分內容，而絕對定位會出現滾動條。?
3、相對、絕對和固定定位都會浮在正常文檔流的上面，如果遮蓋了正常顯示的文檔流，可以設置z-index來消除。v