盒模型的設置：
    box-sizing:
        標準盒模型：content-box
            盒子的寬：border + padding + width
            盒子的高：border + padding + height
        怪異模型：border-box
            盒子的寬：就是設置的width，會包含border + padding
            盒子的高：就是設置的height，會包含border + padding

彈性盒模型:
    意義：
        可以營造和浮動相同的效果，并且對于盒模型內部的樣式排列更加方便，但是現在w3c并未公布標準，需要添加瀏覽器內核前綴，并不是所有瀏覽器都支持。

    使用方法(父級)：如果想要搭建彈性盒模型，首先要在父級建立彈性盒模型的空間。
        修改為彈性盒模型顯示
            display: -webkit-box; 
        排列方式有兩種，垂直或水平方向，使用的比較少
            -webkit-box-orient:vertical;/horizontal;
        子級的排列位置，在父級加上以下代碼：
            -webkit-box-pack:center;
                參數：
                    start   從左到右 （默認值）
                    center  居中
                    end     從右到左 （但是和float的從右到左剛好相反）
                    justify 根據父級的寬度等分
        
    使用方法(子級)：
        -webkit-box-flex:具體正數數值（代表占父級寬度的份數）