position 有五個值：static、relative、absolute、fixed、inherit。
static是默認值。
就是按正常的佈局流從上到下從左到右佈局，平常我們做網頁時，沒有指定 position，也就表示使用 static。
relative
沒有脫離佈局流，此時可以使用 top、right、bottom、left 屬性。
- top 和 bottom 共存時，使用 top 值，忽略 bottom 值；
- left 和 right 共存時，使用 left 值，忽略 right 值；
relative 是相對位置。
指相對於元素的 position 爲 static 時的位置：
- top 相對於 static 下移多少像素（若 top 是負值，則上移）。
- right 相對於 static 左移多少像素（若 right 是負值，則右移）。
- bottom 相對於 static 上移多少像素（若 bottom 是負值，則下移）。
- left 相對於 static 右移多少像素（若 left 是負值，則左移）。
使用 relative 之後：
- 原來的空間不會被其他元素擠佔。
- 元素在最終位置時也不會擠佔其他元素的空間，它浮動到其它元素的上方。
absolute
脫離佈局流，此時可以使用 top、right、bottom、left，但這些屬性不再是相對於 static 時的位置，而是相對於 containing block 的，相對於其邊框內邊緣的，而不是其 padding 內邊緣。
使用 absolute 之後：
- 原來的空間會被其他元素擠佔。
- 元素在最終位置時也不會擠佔其他元素的空間，它浮動到其它元素的上方。
fixed
它的模式與 absolute 相同，不過無論怎麼拖動滾動條，它始終固定在屏幕的指定位置。在 IE6 中不支持這個屬性；在 IE7 中支持這個屬性但需要指明 DOCTYPE；Firefox 等瀏覽器支持這個屬性。
top、right、bottom、left 屬性指相對於視口的。
inherit
繼續父元素的 position 值。
名稱解釋
視口－通過解析文檔，連續媒體（比如屏幕就是連續媒體，而打印機則是基於頁的媒體）給用戶產生一個視口（一個窗口或其它在屏幕上顯示的區域）。