創(chuàng)新互聯(lián)www.cdcxhl.cn八線動態(tài)BGP香港云服務器提供商，新人活動買多久送多久，劃算不套路！

我們提供的服務有：成都網(wǎng)站建設、網(wǎng)站建設、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、臨河ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的臨河網(wǎng)站制作公司

這期內(nèi)容當中的小編將會給大家?guī)碛嘘PCSS中Position的屬性值介紹，以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

position 屬性規(guī)定元素的定位類型。這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。

屬性值：

1、position: relative;相對定位

• 不影響元素本身特性（無論區(qū)塊元素還是內(nèi)聯(lián)元素會保留其原本特性）

• 不會使元素脫離文檔流（元素原本位置會被保留，即改變位置也不會占用新位置）

• 沒有定位偏移量時對元素無影響（相對于自身原本位置進行偏移）

• 提升層級（用z-index樣式的值可以改變一個定位元素的層級關系，從而改變元素的覆蓋關系，值越大越在上面，z-index只能在position屬性值為relative或absolute或fixed的元素上有效。）  （兩個都為定位元素，后面的會覆蓋前面的定位）

2、position: absolute;絕對定位

• 使元素完全脫離文檔流（在文檔流中不再占位）

• 使內(nèi)聯(lián)元素在設置寬高的時候支持寬高（改變內(nèi)聯(lián)元素的特性）

• 使區(qū)塊元素在未設置寬度時由內(nèi)容撐開寬度（改變區(qū)塊元素的特性）

• 相對于最近一個有定位的父元素偏移（若其父元素沒有定位則逐層上找，直到document——頁面文檔對象）

• 相對定位一般配合絕對定位使用（將父元素設置相對定位，使其相對于父元素偏移）

• 提升層級（同相對定位）

3、position: fixed;固定定位

fixed生成固定定位的元素，相對于瀏覽器窗口進行定位。

4、position:static：默認值

默認布局。元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

6、position: inherit

規(guī)定應該從父元素繼承 position 屬性的值。

上述就是小編為大家分享的CSS中Position的屬性值介紹了，如果您也有類似的疑惑，不妨礙參照上述分析進行理解。如果想了解更多相關內(nèi)容，請關注創(chuàng)新互聯(lián)-成都網(wǎng)站建設公司行業(yè)資訊。

網(wǎng)站標題：CSS中Position的屬性值介紹-創(chuàng)新互聯(lián)
地址分享：http://jinyejixie.com/article16/disigg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供服務器托管、搜索引擎優(yōu)化、自適應網(wǎng)站、企業(yè)建站、App設計、網(wǎng)站排名

廣告

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