元素的定位屬性

                           元素的定位屬性主要包括定位模式和邊偏移。

                      如果邊偏移沒寫，就是指它的邊偏移為0.

                   1.靜態定位（static）是元素的文件流的位置狀態。

                   2.相對定位（relative）：1.原位置保留

                                                             2.它的邊偏移是以原位置參考的。

                   3.絕對定位（absolute）：父輩有定位，依據最近的已定位的父元素進行定位，如果父元素都沒有定位，則以boby（瀏覽器）進行定位。絕對定位後，元素的原位置不保留。

                   4.固定定位（fixed）：是特殊的固定定位，是以瀏覽器視窗為參考。

           

             預設的頁面堆積為0，當元素設定定位後，其堆積均為正直（浮在空中），正直越大；空間上越靠上。

            在網頁設計中，用到絕對定位時，往往是子絕父相。
 

1. static 靜態定位:
   static 靜態定位是position的預設值,預設文字流的狀態，不會識別left right top bottom值指定的座標。

2. absolute 絕對定位：
   a : 參照物：按照已經有定位的父元素進行位置的變化。
   b : 假如 當前沒有父元素 或者 父元素沒有定位的情況下，以整個文件為參照物。
   c : 絕對定位，脫離文件流、不佔據空間。
   d : 可以識別left right top bottom值指定的座標。

3. relative 相對定位：
   a : 參照物：自身預設的位置。
   b : 始終佔據空間，不會破壞文件流。
   c : 可以識別left right top bottom值指定的座標。

4. fixed 固定定位：
   a : 參照物：瀏覽器視窗。
   b : 脫離整個文字流。不佔據空間。
   c : 可以識別left right top bottom值指定的座標。

5. sticky 粘性定位：
   position:relative 和 position:fixed的結合。
   如果頁面沒超出視窗範圍，按照relative 執行，
   如果內容超出視窗位置，按照fixed執行。
   可以識別left right top bottom值指定的座標。

定位元素:後定位的元素會把前面定位的蓋住。
z-index:
控制定位元素的層次關係
屬性值為一個數字（可以為負數），數字越大，層次關係越高
預設值 auto;
在頁面的搭建中經常用到包含塊的設定：
1：如果父元素為參照物：新增 position:relative;
2: 給要做定位的子元素：新增 position:absolute;

運用定位可以很方便的讓元素到想要到的地方。
居中的方法：
讓內容在瀏覽器視窗左右上下居中。
第一種方法:
position:fixed;
left:50%;
top:50%;
margin:-高度的一半 0 0 -寬度的一半。

    第二種方法：
        position:fixed;
        left:0;right:0;
        top:0;bottom:0;
        margin:auto;

利用定位:讓子元素在父元素裡面左右上下居中
     /* 左右上下的居中 */
    position:absolute;
    left:0;right:0;
    top:0;bottom:0;
    margin:auto;