我是這樣記憶position的

爲了避免讓本身每次遇到position就頭痛萬分，我臨時編了一個小故事，強行讓本身記住了它...

 

這個世界上，什麼人都有……

 

有一個名叫static（靜止的），與世隔絕，日復一日，彷彿生活在靜止的世界裏，不被任何事物（經過"left", "top", "right" 以及 "bottom" 屬性設置）改變，有他無他皆可（默認值，大概沉默的人老是首當其衝吧）。

 

另有一個名叫fixed（固定的），爲人執拗，無條件堅持己見（經過 "left", "top", "right" 以及 "bottom" 屬性進行了規定），不被周遭影響，衆人皆醉我獨醒（相對於視窗來定位，即使頁面滾動，還是停留在相同的位置）。

 

還有一個名叫relative（相對的），相對其餘幾個來講正常點，是個老實人，一我的的時候默默無聞，回到生活中也會乖乖聽話，從不抗拒從本身的位置挪到被安排好的地方。（表現得和 static 同樣，除非添加了一些額外的屬性。位置經過 "left", "top", "right" 以及 "bottom" 屬性設定）

 

最後有一個名叫absolute（絕對的），他是一個絕對極端的人。因此上帝，哦不，是善良的程序員派了兩個還算靠譜的人看住他，分別是 relative ，以及跟他同樣也是極端（只是期望能夠互相感化）的 absolute 。因此他只能固定活動在他們兩個的地盤上，可是萬一這兩人都不在，那隻能交還給社會（body）來看住他了，極端的人是須要被看住的，雖然他們很可憐！

（ 解釋：absolute 與 fixed 的表現相似，可是它不是相對於視窗而是相對於最近的 「positioned」祖先元素。若是絕對定位（position屬性的值爲absolute）的元素沒有 「positioned」 祖先元素，那麼它是相對於文檔的 body 元素，而且它會隨着頁面滾動而移動。）

 

參考：position