CSS2.1（布局）

浏览器内核

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