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

CSS position屬性定義和用法

CSS position屬性規定元素的定位類型。

說明

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

實例

定位h2元素：

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

瀏覽器支持

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

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

CSS position屬性可能的值

【編輯推薦】

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