弹性盒模型相关

 DOCTYPE是文档类型，
完整定义DOCTYPE，会触发标准模式，

如果DOCTYPE缺失在ie6,ie7,ie8下将会触发怪异模式
标准盒模型的宽度就是width，怪异模式下的盒模型是width+padding+border
标准模式与怪异模式的区别 

2） 行内元素的垂直对齐：标准模式对齐至基线，怪异模式对齐至底部 

3） 怪异模式中，IE6/7/8都不认识!important声明 

4） 设置行内元素的高宽：
在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。 

5） 使用margin:0 auto在standards模式下可以使元素水平居中，但在怪异模式下却会失效。

当box-sizing
content-box---标准
border-box---怪异
弹性盒模型，做流式布局
弹1性盒模型，  display：-webkit-flex：  flex：1；flex：2；flex：3
则各占一份两份三份~新语法。若设置了父元素的宽度，则在老的语法中display：box；  
box-flex：1,2,3则也是各占。若子元素有一个有固定宽度，则按比例分布剩余的部分。
#div1{
    display:-webkit-box;
    }
#div1 div:nth-child(1){
    -webkit-box-flex:1;
}