創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買多久送多久,劃算不套路!
這期內(nèi)容當(dāng)中的小編將會(huì)給大家?guī)碛嘘P(guān)CSS中Position的屬性值介紹,以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
position 屬性規(guī)定元素的定位類型。這個(gè)屬性定義建立元素布局所用的定位機(jī)制。任何元素都可以定位,不過絕對(duì)或固定元素會(huì)生成一個(gè)塊級(jí)框,而不論該元素本身是什么類型。相對(duì)定位元素會(huì)相對(duì)于它在正常流中的默認(rèn)位置偏移。
屬性值:
1、position: relative;相對(duì)定位
不影響元素本身特性(無論區(qū)塊元素還是內(nèi)聯(lián)元素會(huì)保留其原本特性)
不會(huì)使元素脫離文檔流(元素原本位置會(huì)被保留,即改變位置也不會(huì)占用新位置)
沒有定位偏移量時(shí)對(duì)元素?zé)o影響(相對(duì)于自身原本位置進(jìn)行偏移)
提升層級(jí)(用z-index樣式的值可以改變一個(gè)定位元素的層級(jí)關(guān)系,從而改變元素的覆蓋關(guān)系,值越大越在上面,z-index只能在position屬性值為relative或absolute或fixed的元素上有效。) (兩個(gè)都為定位元素,后面的會(huì)覆蓋前面的定位)
2、position: absolute;絕對(duì)定位
使元素完全脫離文檔流(在文檔流中不再占位)
使內(nèi)聯(lián)元素在設(shè)置寬高的時(shí)候支持寬高(改變內(nèi)聯(lián)元素的特性)
使區(qū)塊元素在未設(shè)置寬度時(shí)由內(nèi)容撐開寬度(改變區(qū)塊元素的特性)
相對(duì)于最近一個(gè)有定位的父元素偏移(若其父元素沒有定位則逐層上找,直到document——頁面文檔對(duì)象)
相對(duì)定位一般配合絕對(duì)定位使用(將父元素設(shè)置相對(duì)定位,使其相對(duì)于父元素偏移)
提升層級(jí)(同相對(duì)定位)
3、position: fixed;固定定位
fixed生成固定定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位。
4、position:static:默認(rèn)值
默認(rèn)布局。元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
6、position: inherit
規(guī)定應(yīng)該從父元素繼承 position 屬性的值。
上述就是小編為大家分享的CSS中Position的屬性值介紹了,如果您也有類似的疑惑,不妨礙參照上述分析進(jìn)行理解。如果想了解更多相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊。
網(wǎng)站標(biāo)題:CSS中Position的屬性值介紹-創(chuàng)新互聯(lián)
地址分享:http://www.chinadenli.net/article16/disigg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站、企業(yè)建站、App設(shè)計(jì)、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容