溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中position常見的四個屬性值是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
1、static默認(rèn)位置。
一般來說，我們不需要特別聲明它，但有時當(dāng)我們遇到繼承時，我們不愿意看到元素繼承的屬性影響本身，所以我們可以使用Position:static取消繼承，即恢復(fù)元素定位的默認(rèn)值。設(shè)置為static的元素總是位于頁面流給出的位置(static元素會忽略任何top、bottom、left或right聲明)。一般不常用。
2、relative相對定位。相對定位是相對于元素默認(rèn)位置的定位。
它偏移的top，right，bottom，left的值都是基于它原來的位置，不管其他元素會怎么樣。請注意，relative移動后的元素來的位置仍然占據(jù)空間。
3、absolute絕對定位。
設(shè)定為absolute元素，如果其父容器設(shè)定為position屬性，并且position屬性值為absolute或relative，則根據(jù)父容器進(jìn)行偏移。若父容器未設(shè)定position屬性，則偏移以body為基礎(chǔ)。請注意，設(shè)定absolute屬性的元素在標(biāo)準(zhǔn)流中不占位置。
4、fixed固定定位。
位置設(shè)置為fixed元素，可以定位為與瀏覽器窗口相比的指定坐標(biāo)。無論窗口是否滾動，元素都會留在那個位置。它總是基于body。注意設(shè)置fixed屬性的元素在標(biāo)準(zhǔn)流中不占位置。
以上是“css中position常見的四個屬性值是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
