CSS Position小結

標籤：io   ar   os   sp   on   bs   ef   tt   nbsp   

position 屬性規定元素的定位類型。任何元素都可以定位，不過絕對或固定元素會產生一個塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的預設位置位移。

position：relative | absolute | fixed | static | inherit

1.static 為預設值，無特殊定位，按照正常的文檔流進行排列。

注意:當position為static時，定義top,left,bottom,right是不起作用的。

2.absolute 對象將脫離文檔流，不再佔據元素在文檔中的正常位置。它的位移位置是以最近已定位的祖先元素作為參照，如果沒有已定位的祖先元素，則以頂級元素作為參照。

3.relative 元素不會脫離文檔流，仍然佔據原來的空間，它的位移位置會以自身的佔位空間作為參照。可以通過設定margin-top、margin-bottom為負值，來改變它在佔位空間中的高度。

3. fixed 是特殊的absolute，會脫離文檔流，總是以body為定位對象的，按照瀏覽器的視窗進行定位。

CSS Position小結