CSS position固定定位用法揭秘
本文向大家介紹一下CSS position固定定位的概念和用法，首先看一下CSS定位的定義，在CSS中關于定位的內容是：position:relative|absolute|static|fixed ，每個屬性值都有各自的特點和作用。
CSS position固定定位用法揭秘
CSS定位的定義：
在CSS中關于定位的內容是：position:relative|absolute|static|fixed
◆static沒有特別的設定，遵循基本的定位規定，不能通過z-index進行層次分級。
◆relative不脫離文檔流，參考自身靜態位置通過top,bottom,left,right定位，并且可以通過z-index進行層次分級。
◆absolute脫離文檔流，通過top,bottom,left,right定位。選取其最近的父級定位元素，當父級position為static時，absolute元素將以body坐標原點進行定位，可以通過z-index進行層次分級。
◆fixed固定定位，這里他所固定的對像是可視窗口而并非是body或是父級元素。可通過z-index進行層次分級。
CSS中定位的層疊分級：
z-index:auto|namber;
◆auto遵從其父對象的定位
◆namber無單位的整數值。可為負數
CSS position固定定位
由于廣告的濫用，使得一些瀏覽器軟件都開始有了廣告內容攔截，使得一些很好的效果現在都不推薦使用了。比如讓一個元素可能隨著網頁的滾動而不斷改變自己的位置。而現在我可以通過CSS中的一個定位屬性來實現這樣的一個效果，這個元素屬性就是曾經不被支持的position:fixed;他的含義就是：CSS position固定定位。這個固定與絕對定位很像，唯一不同的是絕對定位是被固定在網頁中的某一個位置，而固定定位則是固定在瀏覽器的視框位置。
【編輯推薦】
