css/day08

定位佈局

position 
        static        靜態（默認）     非定位元素

        relative     定位元素（相對定位）
            參照點：原先所在的位置
            特性：不脫離文檔流（寬度默認爲爲100%，原來在文檔流的位置不會被搶佔），可是能夠覆蓋在其餘元素上

        absolute     定位元素（絕對定位）
            參照點：距離它最近的父定位元素，若是沒有，參照視口
            特性：脫離文檔流（寬度由內容決定，原來在文檔流的位置被其餘元素搶佔）

        fixed         定位元素（固定定位）
            特性：脫離文檔流
            參照點：相對於瀏覽器視口，而且不會隨着網頁的滾動而滾動

        sticky         定位元素（粘滯定位 【CSS3新特性】）
            特性：不脫離文檔流
            是relative與fixed的集合，使用top/left/right/bottom設置過渡點，當超過了這個臨界點，就提現fixe固定在網頁中的特性

    只能定位元素才能使用定位屬性
        top 、left、bottom、right
    改變定位元素在z軸中的位置
        z-index 
            默認爲0，值越小越靠下

伸縮盒
    做用：主要應用在響應式(網頁能夠隨着終端的屏幕尺寸合理調整佈局)佈局中
    應用：
        1. 父元素(寬高都須要明確)
            display:flex
            flex-direction:row/column
            flex-wrap:nowrap/wrap
        2. 子元素
            flex-basic
            flex-grow:
            flex-shrink:
            flex:grow shrin basic;
            flex:grow;