這期內容當中的小編將會給大家帶來有關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的屬性值介紹了，如果您也有類似的疑惑，不妨礙參照上述分析進行理解。如果想了解更多相關內容，請關注創新互聯行業資訊。

文章名稱：CSS中Position的屬性值介紹
文章位置：http://vcdvsql.cn/article30/pejgso.html

成都網站建設公司_創新互聯，為您提供商城網站、App設計、外貿網站建設、網站設計公司、網站收錄、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯