CSS中絕對定位 absolute

2021-08-15 22:10:58 字數 353 閱讀 2467

position: absolute;
絕對定位使元素的位置與文件流無關,因此不佔據空間。這一點與相對定位不同,相對定位實際上被看作普通流定位模型的一部分,因為元素的位置相對於它在普通流中的位置。

絕對定位的元素的位置相對於最近的已定位祖先元素,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊。

對於定位的主要問題是要記住每種定位的意義。所以,現在讓我們複習一下學過的知識吧:相對定位是「相對於」元素在文件中的初始位置,而絕對定位是「相對於」最近的已定位祖先元素,如果不存在已定位的祖先元素,那麼「相對於」最初的包含塊。

注釋:根據使用者**的不同,最初的包含塊可能是畫布或 html 元素。

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...

CSS中的絕對定位

css中的絕對定位 左直拳我發現,css中的絕對定位並不如印象中的那樣,一定要給left和top乙個具體特定的數值,如 divid divclosestool style position absolute left 100px top 100px background color red font...