瀏覽器核心

Firefox ： gecko
IE：       tirdent
Safari：   webkit
Chrome：   一開始使用webkit    後來基於webkit開發了Blink
opera：   一開始使用presto    接著用webkit  現在使用Blink
    

包含塊

1.“根元素的包含塊”（也稱初始包含塊）由使用者代理建立。在HTML中，根元素就是html元素，不過也有些瀏覽器使用body作為根元素。
在大多數瀏覽器中，初始包含塊是一個視窗大小的矩形。
2.對於一個非根元素，，如果其position的值是relative或static，包含塊則由最近的塊級框的內容邊界構成
3.對於一個非根元素，，如果其position的值是absolute，包含塊設定為最近的position值不是static的祖先元素，如果這個祖先元素是塊級元素，
包含塊則設定為該元素的內邊距邊界。

前端座標系

各種座標系：

           正值往裡收
           負值往外擴

預設值和百分比

width
            預設值為auto
                塊級元素:   盒模型的寬度(m + b + p + w) = 包含塊內容區的100%
                內聯元素,行內塊:  靠內容撐開

                絕對定位元素:  靠內容撐開
                相對定位元素:  元素特性不變  盒模型的寬度(m + b + p + w) = 包含塊內容區的100%
                固定定位: 靠內容撐開

                浮動元素:靠內容撐開

            是否是繼承屬性    否
            百分比參照於誰  包含塊的width
        height
             預設值為auto
                都是代表靠內容撐開
             是否是繼承屬性    否
             百分比參照於誰  包含塊的height
        padding
        margin
             預設值為0
             是否是繼承屬性    否
             百分比參照於誰  包含塊的width
        border
            border-width  (一般直接指定px值  不寫百分比)

        left right top bottom
            預設值:auto
            是否是繼承屬性    否
            百分比參照於誰  包含塊的width