1 預設定位

塊級元素：h1~h6，p, div 等，自上而下，垂直排列（自動換行）；可以改變寬高

行內元素：a,b,span,等，從左向右，水平排列（不會換行）；不能改變寬高

行內塊元素：input,img等，從左向右，水平排列（自動換行）；可以改變寬高

2 浮動定位

讓元素“飛”起來。不僅可以靠著左邊或右邊。還可以消除“塊級”的霸道特性（獨自佔一行）。

float取值：

　　none ：不浮動

　　left：貼著左邊 浮動

　　right：貼著右邊 浮動

3 相對定位

和原來的位置進行比較，進行移動定位（偏移）

4 絕對定位

本元素與已定位的祖先元素的距離

　　如果父級元素定位了，就以父級為參照物；

　　如果父級沒定位，找爺爺級，爺爺定位了，以爺爺為參照物。

　　如果爺爺沒定位，繼續向上找，都沒定位的話，body是最終選擇。

<div class="yeye">
    <div class="father">
        <div class="a">1</div>
        <div class="b">2</div>
        <div class="c">3</div>
    </div>
</div>

以父節點作為參照物

以爺爺節點作為參照物

5 固定定位

將元素的內容固定在頁面的某個位置，當用戶向下滾動頁面時元素框並不隨著移動

6 z-index

如果有重疊元素，使用z軸屬性，定義上下層次。

注意：

　　z軸屬性，要配合相對或絕對定位來使用

　　z值沒有額定數值（整型就可以，具體用數字幾，悉聽尊便）