CSS-position

首先解釋一下什麼是文檔流，其實應該是normal flow，不知道爲何中文叫文檔流。。。文檔流是指元素按從上到下，從左到右的方式顯示，是HTML默認的排列布局方式。

下面是position的幾個屬性

static

position默認屬性，元素在頁面流中正常出現，並做爲頁面流的一部分，不能經過z-index進行層次分級

absolute

絕對定位，元素相對離它最近的開啓定位的父元素定位（absolute和fix除外），能夠經過z-index進行層次分級。開啓absolute的元素會脫離正常的文檔流，它所佔據的位置會被後面的元素頂上

relative

相對定位，元素相對它本來的位置進行定位，能夠經過z-index進行層次分級

fix

固定定位，元素相對瀏覽器窗口左上角定位，能夠經過z-index進行層級分級。開啓fix的元素也會脫離正常文檔流