定義和用法
position 屬性規定元素的定位類型。
說明
這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的默認位置偏移。
實例
定位 h2 元素：
h2
{
position:absolute;
left:100px;
top:150px;
}
TIY
浏覽器支持
所有主流浏覽器都支持 position 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
TIY 實例
生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed生成絕對定位的元素，相對於浏覽器窗口進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative生成相對定位的元素，相對於其正常位置進行定位。
因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
static 默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。 inherit 規定應該從父元素繼承 position 屬性的值。定位：相對定位本例演示如何相對於一個元素的正常位置來對其定位。定位：絕對定位本例演示如何使用絕對值來對元素進行定位。定位：固定定位本例演示如何相對於浏覽器窗口來對元素進行定位。設置元素的形狀本例演示如何設置元素的形狀。此元素被剪裁到這個形狀內，並顯示出來。Z-indexZ-index可被用於將在一個元素放置於另一元素之後。Z-index上面的例子中的元素已經更改了Z-index。
下面給大家介紹CSS中的Position屬性
CSS的Position很重要，有以下幾個值：static，relative，absolute，fixed。
Static：靜態定位。如果你沒有設置position屬性，那麼缺省就是static。top，left，bottom，right等屬性，在static的情況下是無效的，要使用這些屬性，必須把position設置為其他三個值之一。
Relative：相對定位。元素將按照靜態定位時的位置進行調整，在靜態定位中分配給元素的空間仍然會分配給它，它兩邊的元素不會向它靠近來填充那個空間，但它們也不會從元素的新位置被擠走。
Absolute：絕對定位。元素將按照包含它的元素的位置進行調整，比如它嵌套在另一個絕對定位的元素中，那麼就相對於那個元素定位。
Fixed：固定定位。元素將被設置在浏覽器上一個固定位置上，不會隨其他元素滾動。形象點說，上下拉動滾動條的時候，fixed的元素在屏幕上的位置不變。需要注意的是IE6並不支持此屬性。
注意：很多網頁都是居中的，這樣，當對元素進行絕對定位的時候，在不同的分辨率下顯示會有偏差，這時，我們可以通過類似下面的方法來處理：
<div style="position: relative;"> <div style="position: absolute; top: 10px; left: 10px;"></div> </div>