溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

css關(guān)于相對(duì)定位與絕對(duì)定位

發(fā)布時(shí)間：2020-08-05 15:00:32 來(lái)源：網(wǎng)絡(luò) 閱讀：439 作者：兩天三頓 欄目：開(kāi)發(fā)技術(shù)

    1.一般如果我們不給元素設(shè)置position，則默認(rèn)為static，此時(shí)是該元素是沒(méi)有定位的，像left/right這些偏移屬性都是沒(méi)有效果的。

    

    2.position:relative （相對(duì)定位）

    若設(shè)置為相對(duì)定位，即可配置left/right這些偏移，相對(duì)于該元素原有位置進(jìn)行偏移，并且，原有位置任占據(jù)著文檔流的空間，偏移并不會(huì)擠開(kāi)別的元素，所以如果發(fā)生重疊，可以通過(guò)z-index設(shè)置堆疊順序。


    3.position:absolute（絕對(duì)定位）

    當(dāng)一個(gè)元素設(shè)置為絕對(duì)定位的時(shí)候，在文檔流中是不占據(jù)空間的，會(huì)上浮。與相對(duì)定位不同的是絕對(duì)定位會(huì)刪除文檔流中原有位置的空間，定位則是通過(guò)不為static的父元素來(lái)定位（若父元素為static，則則找父元素的父元素，往上級(jí)找）。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手