相對(duì)定位或絕對(duì)定位的適用條件

要理解定位你要先理解文檔流，在文檔流中相對(duì)定位的元素占有位置，而且會(huì)影響后面的元素（塊元素、行內(nèi)塊元素），比如兩個(gè)p并排，另外一個(gè)會(huì)換行。
<p>111</p>
<p>222</p>
而絕對(duì)定位就是把該元素從文檔流中踢出，不會(huì)占用文檔流的位置，也不會(huì)影響后面的元素。
<p style="position: absolute;">111</p>
<p>222</p>
如上面的實(shí)例，111和222會(huì)重疊，審查元素你會(huì)發(fā)現(xiàn)222有實(shí)際位置，111沒有位置。他是使用left，right，top，bottom等屬性相對(duì)于其最接近的一個(gè)最有定位設(shè)置的父對(duì)象進(jìn)行絕對(duì)定位，如果不存在這樣的父對(duì)象，則依據(jù)body對(duì)象。而其層疊通過z-index屬性定義 。

網(wǎng)頁布局涉及到各種設(shè)備各種分辨率下的兼容，所以就注定絕對(duì)定位不能適用于大部分場(chǎng)景。所以布局只能依賴于上級(jí)元素的位置，而不能依賴于設(shè)備的高度和寬度。

適合絕對(duì)定位的場(chǎng)景主要是一些頁面輔助功能。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com