定位
定位指的就是將指定的元素擺放到頁面的任意位置,通過定位可以任意的擺放元素, 通過position屬性來設置元素的定位
屬性值：
固定定位fixed
元素的位置相對於瀏覽器窗口是固定的，不會因爲頁面的滾動而移動。fixed定位使元素的位置與文檔流無關，因此不佔據空間。fixed定位的元素和其他元素重疊。IE6不支持固定定位。
相對定位relative
如果對一個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設置垂直或水平位置，讓這個元素“相對於”它的起點進行移動。在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其他框。
絕對定位absolute
絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於。absolute定位使元素的位置與文檔流無關，因此不佔據空間。absolute定位的元素和其他元素重疊。
頁面有三個div元素，分別將div2設置爲絕對定位和相對定位
.div2 {
position: relative;
top: 50px;
left: 100px;
}
如圖，將div2設置成相對定位後，div2元素仍佔據原先的空間，而div2元素相對於原先的起點移動top50,left100.
.div2 {
position: absolute;
top: 50px;
left: 100px;
}
如圖，將div2設置成絕對定位後，div2元素脫離文檔流，而div2元素相對於最近的已定位父元素進行移動。
只有開啓了定位的元素才能設置層級，如果定位元素的層級是一樣，則下邊的元素會蓋住上邊的，通過z-index屬性可以用來設置元素的層級，可以爲z-index指定一個正整數作爲值，該值將會作爲當前元素的層級，層級越高，越優先顯示，對於沒有開啓定位的元素不能使用z-index。