這期內容當中的小編將會給大家帶來有關CSS中Position的屬性值介紹，以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
position 屬性規定元素的定位類型。這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。
屬性值：
1、position: relative;相對定位
不影響元素本身特性（無論區塊元素還是內聯元素會保留其原本特性）
不會使元素脫離文檔流（元素原本位置會被保留，即改變位置也不會占用新位置）
沒有定位偏移量時對元素無影響（相對于自身原本位置進行偏移）
提升層級（用z-index樣式的值可以改變一個定位元素的層級關系，從而改變元素的覆蓋關系，值越大越在上面，z-index只能在position屬性值為relative或absolute或fixed的元素上有效。） （兩個都為定位元素，后面的會覆蓋前面的定位）
2、position: absolute;絕對定位
使元素完全脫離文檔流（在文檔流中不再占位）
使內聯元素在設置寬高的時候支持寬高（改變內聯元素的特性）
使區塊元素在未設置寬度時由內容撐開寬度（改變區塊元素的特性）
相對于最近一個有定位的父元素偏移（若其父元素沒有定位則逐層上找，直到document——頁面文檔對象）
相對定位一般配合絕對定位使用（將父元素設置相對定位，使其相對于父元素偏移）
提升層級（同相對定位）
3、position: fixed;固定定位
fixed生成固定定位的元素，相對于瀏覽器窗口進行定位。
4、position:static：默認值
默認布局。元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
6、position: inherit
規定應該從父元素繼承 position 屬性的值。
上述就是小編為大家分享的CSS中Position的屬性值介紹了，如果您也有類似的疑惑，不妨礙參照上述分析進行理解。如果想了解更多相關內容，請關注億速云行業資訊。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
