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

網頁佈局涉及到各種裝置各種解析度下的相容，所以就註定絕對定位不能適用於大部分場景。。所以佈局只能依賴於上級元素的位置，而不能依賴於裝置的高度和寬度。

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