建站
咨詢
售后
建站咨詢
新聞中心
本文向大家介紹一下CSS position固定定位的概念和用法，首先看一下CSS定位的定義，在CSS中關(guān)于定位的內(nèi)容是：position:relative|absolute|static|fixed ，每個(gè)屬性值都有各自的特點(diǎn)和作用。
站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到嘉蔭網(wǎng)站設(shè)計(jì)與嘉蔭網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋嘉蔭地區(qū)。
CSS position固定定位用法揭秘
CSS定位的定義：
在CSS中關(guān)于定位的內(nèi)容是：position:relative|absolute|static|fixed
◆static沒(méi)有特別的設(shè)定，遵循基本的定位規(guī)定，不能通過(guò)z-index進(jìn)行層次分級(jí)。
◆relative不脫離文檔流，參考自身靜態(tài)位置通過(guò)top,bottom,left,right定位，并且可以通過(guò)z-index進(jìn)行層次分級(jí)?！ ?/p>
◆absolute脫離文檔流，通過(guò)top,bottom,left,right定位。選取其最近的父級(jí)定位元素，當(dāng)父級(jí)position為static時(shí)，absolute元素將以body坐標(biāo)原點(diǎn)進(jìn)行定位，可以通過(guò)z-index進(jìn)行層次分級(jí)?！ ?/p>
◆fixed固定定位，這里他所固定的對(duì)像是可視窗口而并非是body或是父級(jí)元素?？赏ㄟ^(guò)z-index進(jìn)行層次分級(jí)。
CSS中定位的層疊分級(jí)：
z-index:auto|namber;
◆auto遵從其父對(duì)象的定位
◆namber無(wú)單位的整數(shù)值?？蔀樨?fù)數(shù)
CSS position固定定位
由于廣告的濫用，使得一些瀏覽器軟件都開(kāi)始有了廣告內(nèi)容攔截，使得一些很好的效果現(xiàn)在都不推薦使用了。比如讓一個(gè)元素可能隨著網(wǎng)頁(yè)的滾動(dòng)而不斷改變自己的位置。而現(xiàn)在我可以通過(guò)CSS中的一個(gè)定位屬性來(lái)實(shí)現(xiàn)這樣的一個(gè)效果，這個(gè)元素屬性就是曾經(jīng)不被支持的position:fixed;他的含義就是：CSS position固定定位。這個(gè)固定與絕對(duì)定位很像，唯一不同的是絕對(duì)定位是被固定在網(wǎng)頁(yè)中的某一個(gè)位置，而固定定位則是固定在瀏覽器的視框位置。
【編輯推薦】
- 解決IE6 position:fixed 固定定位問(wèn)題
- CSS中三大position屬性值用法解讀
- 深入探究DIV CSS布局中position屬性用法
- CSS屬性display:inline-block使用揭秘
- Firefox、IE7、IE6瀏覽器兼容問(wèn)題概念解析
當(dāng)前文章：CSS position固定定位用法揭秘
轉(zhuǎn)載來(lái)源：http://www.dlmjj.cn/article/cddiopo.html
