淺談：絕對(duì)定位和(hé)相對(duì)定位的(de)區(qū)别

　　定位标簽：position

　　包含屬性：absolute(絕對(duì))

　　relative(相對(duì))

　　1.position:absolute; 表示絕對(duì)定位，位置将依據浏覽器左上角開始計算(suàn)。 絕對(duì)定位使元素脫離文檔流，因此不占據空間。普通(tōng)文檔流中元素的(de)布局就像絕對(duì)定位的(de)元素不存在時(shí)一樣。(因爲絕對(duì)定位的(de)框與文檔流無關，所以它們可(kě)以覆蓋頁面上的(de)其他(tā)元素并可(kě)以通(tōng)過z-index來(lái)控制它層級次序。z-index的(de)值越高(gāo)，它顯示的(de)越在上層。)

　　2.父容器使用(yòng)相對(duì)定位，子元素使用(yòng)絕對(duì)定位後，這(zhè)樣子元素的(de)位置不再相對(duì)于浏覽器左上角，而是相對(duì)于父窗(chuāng)口左上

　　3.position:relative; 如果對(duì)一個(gè)元素進行相對(duì)定位，首先它将出現在它所在的(de)位置上。然後通(tōng)過設置垂直或水(shuǐ)平位置，讓這(zhè)個(gè)元素"相對(duì)于"它的(de)原始起點進行移動。(再一點，相對(duì)定位時(shí)，無論是否進行移動，元素仍然占據原來(lái)的(de)空間。因此，移動元素會導緻它覆蓋其他(tā)框)