css中position屬性（absolute/relative/static/fixed）

標籤：size   relative   css   microsoft   應用   strong   html元素   滾動   index   

css中position屬性（absolute/relative/static/fixed）：

position：static   無特殊定位，是html元素預設的定位方式，對象遵循正常文檔流。top，right，bottom，left等屬性不會被應用。

position：relative 對象遵循正常文檔流，相對的是它原本在文檔流中的位置而進行的位移，但將依據top，right，bottom，left等屬性在正常文檔流中位移位置。而其層疊通過z-index屬性定義。

position：absolute:對象脫離正常文檔流，根據祖先元素（父類以上）進行定位，並且這個祖先的類必須是posiiton為非static方式定位的，使用top，right，bottom，left等屬性進行絕對位置。而其層疊通過z-index屬性定義。 position：fixed：對象脫離正常文檔流，使用top，right，bottom，left等屬性以視窗為參考點進行定位，當出現捲軸時，對象不會隨著滾動。而其層疊通過z-index屬性定義。 文檔流：將表單自上而下分成一行行，並在每行中按從左至右的順序排放元素，即為文檔流。使元素脫離文檔流的情況：浮動  絕對位置 

 

css中position屬性（absolute/relative/static/fixed）