關(guān)于CSS的相對(duì)定位與絕對(duì)定位介紹
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 18:51:26
關(guān)于CSS的相對(duì)定位與絕對(duì)定位介紹
關(guān)于CSS的相對(duì)定位與絕對(duì)定位介紹:1.一般如果我們不給元素設(shè)置position，則默認(rèn)為static，此時(shí)是該元素是沒(méi)有定位的，像left/right這些偏移屬性都是沒(méi)有效果的。 2.position:relative （相對(duì)定位） 若設(shè)置為相對(duì)定位，即可配置left/right這些偏移，相對(duì)于該元素原有位置進(jìn)行偏移，并且，原
導(dǎo)讀關(guān)于CSS的相對(duì)定位與絕對(duì)定位介紹:1.一般如果我們不給元素設(shè)置position，則默認(rèn)為static，此時(shí)是該元素是沒(méi)有定位的，像left/right這些偏移屬性都是沒(méi)有效果的。 2.position:relative （相對(duì)定位） 若設(shè)置為相對(duì)定位，即可配置left/right這些偏移，相對(duì)于該元素原有位置進(jìn)行偏移，并且，原
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í)找）。
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
關(guān)于CSS的相對(duì)定位與絕對(duì)定位介紹
關(guān)于CSS的相對(duì)定位與絕對(duì)定位介紹:1.一般如果我們不給元素設(shè)置position，則默認(rèn)為static，此時(shí)是該元素是沒(méi)有定位的，像left/right這些偏移屬性都是沒(méi)有效果的。 2.position:relative （相對(duì)定位） 若設(shè)置為相對(duì)定位，即可配置left/right這些偏移，相對(duì)于該元素原有位置進(jìn)行偏移，并且，原
