絕對定位和相對定位的區別

2021-07-27 05:42:35 字數 552 閱讀 6500

div css中的絕對定位和相對定位的區別,我從網上看了好多,都沒個詳細的說法,其實也不用搞到那麼複雜的。

先說相對定位:跟它的名一樣,相對嘛,要有乙個參照物,但這個參照不是別的,是它自己呢,也就是說沒設相對定位的位置,那你會問了,設沒設都在那個位置為什麼要設呢,因為只有設定了才能使 top,left這些生效,也就是設了才能相對自己原來的位置偏移,原來的位置保留著,偏移後會把其它的層遮罩住。

再說絕對定位:在布局裡不可能有絕對定位的,再怎麼樣都有乙個參照位置的,絕對定位的參照位置就不像相對那樣是自己了,至於是哪個,就看它的上級或上上級有沒有定位了,也就是有沒有position:relative;或position:fixed了,好像position:inherit;也行,前面兩個可以,後面那個不設什麼的不用也行,最好用position:relative;吧,轉入正題,當要絕對定位的層設好要參照位置的層後,就可以用top,left這些來定位置了,如果它的上級或上上級都沒定位的話只就會根據body的位置來定位了,還有最後一點,絕對定位是不佔位置的,它會像ps的圖層一樣單獨做一層,至於第幾層你可以通過z-index:這個屬性來設定

相對定位和絕對定位的區別

先說相對定位 跟它的名一樣,相對嘛,要有乙個參照物,但這個參照不是別的,是它自己呢,也就是說沒設相對定位的位置,那你會問了,設沒設都在那個位置為什麼要設呢,因為只有設定了才能使 top,left這些生效,也就是設了才能相對自己原來的位置偏移,原來的位置保留著,偏移後會把其它的層遮罩住。再說絕對定位 ...

相對定位和絕對定位的區別

相對定位 就是相對於該元素原來的位置。絕對定位 相對於元素最近的已定位的祖先元素 也就是說父類定位了,就以父類為基準 若父類未定位,則往上推 注意 position absolute,float會隱式地改變display的型別 display none除外 即是當元素設定position absol...

絕對定位和相對定位的區別?

一 絕對定位 position absolute 絕對定位 絕對定位是相對於元素最近的已定位的祖先元素 即是設定了絕對定位或者相對定位的祖先元素 如果元素沒有已定位的祖先元素,那麼它的位置則是相對於最初的包含塊 body 絕對定位與文件流無關,所以它們可以覆蓋頁面上其他的元素,可以通過z index...