關(guān)于CSS的相對定位與絕對定位介紹
來源:懂視網(wǎng)
責編:小采
時間:2020-11-27 18:51:26
關(guān)于CSS的相對定位與絕對定位介紹
關(guān)于CSS的相對定位與絕對定位介紹:1.一般如果我們不給元素設(shè)置position,則默認為static,此時是該元素是沒有定位的,像left/right這些偏移屬性都是沒有效果的。 2.position:relative (相對定位) 若設(shè)置為相對定位,即可配置left/right這些偏移,相對于該元素原有位置進行偏移,并且,原
導讀關(guān)于CSS的相對定位與絕對定位介紹:1.一般如果我們不給元素設(shè)置position,則默認為static,此時是該元素是沒有定位的,像left/right這些偏移屬性都是沒有效果的。 2.position:relative (相對定位) 若設(shè)置為相對定位,即可配置left/right這些偏移,相對于該元素原有位置進行偏移,并且,原

1.一般如果我們不給元素設(shè)置position,則默認為static,此時是該元素是沒有定位的,像left/right這些偏移屬性都是沒有效果的。
2.position:relative (相對定位)
若設(shè)置為相對定位,即可配置left/right這些偏移,相對于該元素原有位置進行偏移,并且,原有位置任占據(jù)著文檔流的空間,偏移并不會擠開別的元素,所以如果發(fā)生重疊,可以通過z-index設(shè)置堆疊順序。
3.position:absolute(絕對定位)
當一個元素設(shè)置為絕對定位的時候,在文檔流中是不占據(jù)空間的,會上浮。與相對定位不同的是絕對定位會刪除文檔流中原有位置的空間,定位則是通過不為static的父元素來定位(若父元素為static,則則找父元素的父元素,往上級找)。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
關(guān)于CSS的相對定位與絕對定位介紹
關(guān)于CSS的相對定位與絕對定位介紹:1.一般如果我們不給元素設(shè)置position,則默認為static,此時是該元素是沒有定位的,像left/right這些偏移屬性都是沒有效果的。 2.position:relative (相對定位) 若設(shè)置為相對定位,即可配置left/right這些偏移,相對于該元素原有位置進行偏移,并且,原