本文向大家描述一下CSS position屬性的用法，這個(gè)屬性定義建立元素布局所用的定位機(jī)制，CSS position屬性有4種可選值:static,relative,absolute,fixed,用于定位html元素的位置，并影響元素塊生成的方式，并且所有主流瀏覽器都支持CSS position屬性。

CSS position屬性定義和用法

CSS position屬性規(guī)定元素的定位類型。

說明

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

實(shí)例

定位h2元素：

h2  
{  
position:absolute;  
left:100px;  
top:150px;  
}  
 

瀏覽器支持

所有主流瀏覽器都支持CSS position屬性。

注釋：任何的版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。

CSS position屬性可能的值

【編輯推薦】

1. JavaScript巧解IE6至IE8兼容問題
2. CSS position屬性中absolute和relative的應(yīng)用
3. 網(wǎng)頁排版中IE6，IE7，F(xiàn)irefox瀏覽器兼容性寫法
4. CSS屬性display:inline-block使用揭秘
5. Firefox、IE7、IE6瀏覽器兼容問題概念解析