浏览器内核
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