關于CSS的相對定位與絕對定位介紹
來源：懂視網
責編：小采
時間：2020-11-27 18:51:26
關于CSS的相對定位與絕對定位介紹
關于CSS的相對定位與絕對定位介紹:1.一般如果我們不給元素設置position，則默認為static，此時是該元素是沒有定位的，像left/right這些偏移屬性都是沒有效果的。 2.position:relative （相對定位） 若設置為相對定位，即可配置left/right這些偏移，相對于該元素原有位置進行偏移，并且，原
導讀關于CSS的相對定位與絕對定位介紹:1.一般如果我們不給元素設置position，則默認為static，此時是該元素是沒有定位的，像left/right這些偏移屬性都是沒有效果的。 2.position:relative （相對定位） 若設置為相對定位，即可配置left/right這些偏移，相對于該元素原有位置進行偏移，并且，原
1.一般如果我們不給元素設置position，則默認為static，此時是該元素是沒有定位的，像left/right這些偏移屬性都是沒有效果的。
2.position:relative （相對定位）
若設置為相對定位，即可配置left/right這些偏移，相對于該元素原有位置進行偏移，并且，原有位置任占據著文檔流的空間，偏移并不會擠開別的元素，所以如果發生重疊，可以通過z-index設置堆疊順序。
3.position:absolute（絕對定位）
當一個元素設置為絕對定位的時候，在文檔流中是不占據空間的，會上浮。與相對定位不同的是絕對定位會刪除文檔流中原有位置的空間，定位則是通過不為static的父元素來定位（若父元素為static，則則找父元素的父元素，往上級找）。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
關于CSS的相對定位與絕對定位介紹
關于CSS的相對定位與絕對定位介紹:1.一般如果我們不給元素設置position，則默認為static，此時是該元素是沒有定位的，像left/right這些偏移屬性都是沒有效果的。 2.position:relative （相對定位） 若設置為相對定位，即可配置left/right這些偏移，相對于該元素原有位置進行偏移，并且，原
