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

2021-08-14 13:07:13 字數 627 閱讀 1833

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

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

聯絡:就是說用在用absolute的時候,參照物就是最近的前乙個定義position。用relative參照物就是自己原來的位置。

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

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

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

div css中的絕對定位和相對定位的區別,我從網上看了好多,都沒個詳細的說法,其實也不用搞到那麼複雜的。先說相對定位 跟它的名一樣,相對嘛,要有乙個參照物,但這個參照不是別的,是它自己呢,也就是說沒設相對定位的位置,那你會問了,設沒設都在那個位置為什麼要設呢,因為只有設定了才能使 top,left...

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

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