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

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

適合絕對定位的場景主要是一些頁面輔助功能。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com