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

1、絕對(duì)定位(position: absolute)，對(duì)于body或相對(duì)體整體進(jìn)行位置的挪動(dòng)

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

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

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