定位标簽:position
包含屬性:absolute(絕對)
relative(相對)
1.position:absolute; 表示絕對定位,位置将依據浏覽器(qì)左上(shàng)角開(kāi)始計(jì)算(suàn)。 絕對定位使元素脫離文檔流,因此不占據空(kōng)間(jiān)。普通(tōng)文檔流中元素的布局就像絕對定位的元素不存在時(shí)一樣。(因為(wèi)絕對定位的框與文檔流無關,所以它們可(kě)以覆蓋頁面上(shàng)的其他元素并可(kě)以通(tōng)過z-index來(lái)控制(zhì)它層級次序。z-index的值越高(gāo),它顯示的越在上(shàng)層。)
2.父容器(qì)使用相對定位,子元素使用絕對定位後,這樣子元素的位置不再相對于浏覽器(qì)左上(shàng)角,而是相對于父窗口左上(shàng)
3.position:relative; 如果對一個(gè)元素進行(xíng)相對定位,首先它将出現在它所在的位置上(shàng)。然後通(tōng)過設置垂直或水(shuǐ)平位置,讓這個(gè)元素"相對于"它的原始起點進行(xíng)移動。(再一點,相對定位時(shí),無論是否進行(xíng)移動,元素仍然占據原來(lái)的空(kōng)間(jiān)。因此,移動元素會(huì)導緻它覆蓋其他框)