設定為絕對定位的元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。
元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。 ( 推薦學習：css教程 )
css 絕對定位
絕對定位使元素的位置與文件流無關，因此不佔據空間。這一點與相對定位不同，相對定位實際上被看作普通流定位模型的一部分，因為元素的位置相對於它在普通流中的位置。
普通流中其它元素的布局就像絕對定位的元素不存在一樣：
#box_relative如下圖所示：
絕對定位的元素的位置相對於最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那麼它的位置相對於最初的包含塊。
對於定位的主要問題是要記住每種定位的意義。所以，現在讓我們複習一下學過的知識吧：相對定位是「相對於」元素在文件中的初始位置，而絕對定位是「相對於」最近的已定位祖先元素，如果不存在已定位的祖先元素，那麼「相對於」最初的包含塊。
注：根據使用者**的不同，最初的包含塊可能是畫布或 html 元素。
CSS定位 絕對定位是根據誰定位的？
什麼是初始包含塊？上 上圖，紅邊框的盒子是html，黑邊框的盒子是body，因為div設定了絕對定位但是並未給其left top right bottom賦值，它們的預設值是auto，所以div在原地不動 當給div的left 和 top賦值為0時 可見，div定位在了頁面的左上角，也就是 0,0 ...
CSS中的絕對定位
css 中的絕對定位 左直拳我發現，css中的絕對定位並不如印象中的那樣，一定要給 left 和top 乙個具體特定的數值，如 divid divclosestool style position absolute left 100px top 100px background color red ...
CSS中的絕對定位
css中的絕對定位 左直拳我發現，css中的絕對定位並不如印象中的那樣，一定要給left和top乙個具體特定的數值，如 divid divclosestool style position absolute left 100px top 100px background color red font...