css中的定位問題

1、position的四種常見屬性值

static：元素框正常生成，塊元素生成一個正常矩形塊，行內元素則會創建一個或多個行框，置于父元素內。

relative：相對定位，是相對于自己本來應該在的位置（static 定位應該在的位置）進行定位，不會脫離文檔流。

absolute：素框從文檔流完全刪除，并相對于其包含塊定位。包含塊可能是文檔中的另一個元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會關閉，就好像元素原來不存在一樣。元素定位后生成一個塊級框，而不論原來它在正常流中生成何種類型的框。

fixed：元素框的表現類似于將 position 設置為 absolute，不過其包含塊是視窗本身。

2、容易混淆的fixed和absolute的區別

<1>共同點:

?1.改變行內元素的呈現方式，display被置為block。

?2.讓元素脫離文檔流，不占據空間。

?3.默認會覆蓋在非定位元素上。

<2>不同點：

??? absolute的”根元素（第一個不是static的父元素）“是可以設置的，而fixed的”根元素“固定為瀏覽器窗口。當你滾動網頁，fixed元素與瀏覽器窗口之間的距離是不變的。 ?