position在頁面的布局中很常見，其有四個屬性，分別為static、fixed、relative、absolute。

position: static;

　　相當於沒有定位，元素會出現在正常的文檔流中。寫不寫都沒關系。

position: fixed;

　　元素框的表現類似於absolute，但是fixed是相對於視窗本身，也就是瀏覽器窗口而定位的。所以，采用該定位的元素在頁面下拉的時候，其位置並不會發生變化。

position: relative;

　　生成相對定位的元素，相對於元素本身的位置進行定位，它原本所占的空間仍然會保留。

position: absolute;

　　生成絕對定位的元素，相對於static定位以外的第一個有定位的祖先元素進行定位。由於static定位相當於沒有定位，所以absolute定位實際上就是相對於有定位的第一個祖先元素定位，如果所有的祖先元素都沒有定位，則相對於初始包含塊或者畫布，一般就是body元素定位。

父相對，子絕對。

css_position中的4種定位