Class18 CSS Positioning(定位)
四種定位方式
Static 定位 HTML元素的默認值，即沒有定位
-
Fixed 定位
元素的位置相對于瀏覽器窗口是固定位置。 即使窗口是滾動的它也不會移動 -
Relative 定位
相對定位元素的定位是相對其正常位置。 -
絕對定位 Absolute定位
絕對定位的元素的位置相對于最近的已定位父元素，如果元素沒有已定位的父元素，那么它的位置相對于<html>。
絕對定位（absolute）：
- 將被賦予此定位方法的對象從文檔流中拖出，使用left，right，top， bottom等屬性
相對于其最接近的一個最有定位設置的父級對象進行絕對定位 - 如果對象的父級沒有設置定位屬性，即還是遵循HTML定位規(guī)則的，則依據 body 對象左上角作為參考進行定位。
- 絕對定位對象可層疊，層疊順序可通過 z-index 屬性控制，z-index值為無單位的整數，大的在最上面，可以有負值。
相對定位（relative）：
1.對象不可層疊，依據left，right，top，bottom等屬性在正常文檔流中偏移自身位置。
相對定位常與絕對定位結合用，一般是給父級設定相對定位方式，子級元素就可以相對它進行方便的絕對定位了
重疊的元素
元素可以覆蓋頁面上的其它元素。
z-index屬性指定了一個元素的堆疊順序（哪個元素應該放在前面，或后面）
一個元素可以有正數或負數的堆疊順序：
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
具有更高堆疊順序的元素總是在較低的堆疊順序元素的前面。
示意圖：
補充：
更多定位屬性：
- clip 剪輯一個絕對定位的元素
- cursor 顯示光標移動到指定的類型
- overflow 設置當元素的內容溢出其區(qū)域時發(fā)生的事情 --即滾動
