1.定位的定義

• static(靜態(tài)) 沒(méi)有特別的設(shè)定，遵循基本的定位規(guī)定，不能通過(guò)z-index進(jìn)行層次分級(jí)。
• relative(相對(duì)定位) 對(duì)象不脫離文檔流，參考自身靜態(tài)位置通過(guò) top bottom left right 定位，并且可以通過(guò)z-index進(jìn)行層次分級(jí)。
• absolute(絕對(duì)定位) 脫離文檔流，通過(guò) top bottom left right （簡(jiǎn)稱(chēng)TRBL）定位。選取其最近一個(gè)最有定位設(shè)置的父級(jí)對(duì)象進(jìn)行絕對(duì)定位，如果對(duì)象的父級(jí)沒(méi)有設(shè)置定位屬性，absolute元素將以body坐標(biāo)原點(diǎn)進(jìn)行定位，可以通過(guò)z-index進(jìn)行層次分級(jí)。
• fixed（固定定位） 這里所固定的參照對(duì)像是可視窗口而并非是body或是父級(jí)元素，可通過(guò)z-index進(jìn)行層次分級(jí)。

2.相對(duì)定位（使元素位移）

當(dāng)我們給對(duì)象1設(shè)置了相對(duì)定位及TRBL以后，該對(duì)象出現(xiàn)以下變化：

• 提高層疊級(jí)別（z-index增加），高于文本流；
• 相對(duì)原位置A點(diǎn)向右位移left大小的距離；
• 相對(duì)原位置A點(diǎn)向下位移top大小的距離；
• 保留原來(lái)的位置。

結(jié)果：原來(lái)的默認(rèn)定位對(duì)象2位置不變，對(duì)象1覆蓋了對(duì)象2的內(nèi)容、可以看出，相對(duì)定位會(huì)保留原始位置，即對(duì)象1內(nèi)容脫離文檔流，但是位置不會(huì)脫離文檔流。可以理解為對(duì)象1雖然搬家了，但是老家的房子沒(méi)有賣(mài)掉，依然在。

相對(duì)定位

3.絕對(duì)定位（定位到任意位置）

如果說(shuō)相對(duì)定位是搬家不賣(mài)房，那么絕對(duì)定位是搬了家以后把原來(lái)的房子賣(mài)掉了。完全脫離文檔流成為自由體。
當(dāng)我們給對(duì)象1設(shè)置了絕對(duì)定位及TRBL以后，該對(duì)象出現(xiàn)以下變化：

• 提高層疊級(jí)別（z-index增加），高于文本流；
• 相對(duì)原位置A點(diǎn)向右位移left大小的距離；
• 相對(duì)原位置A點(diǎn)向下位移top大小的距離。
• 刪除原來(lái)位置。

結(jié)果：對(duì)象1絕對(duì)定位移動(dòng)后讓出了原來(lái)的位置，原來(lái)的默認(rèn)定位對(duì)象2位置上移。

絕對(duì)定位

參考資料：詳解定位與定位應(yīng)用