标准模式与怪异模式
更新日期:
标准模式
标准模式的盒模型是由w3c提出，它的计算方法是:占的空间的宽度
等于内容的宽度＋左右内边距的宽度＋左右边框的宽度＋左右外边
距的宽度
怪异模式
由于各个浏览器设计的不同，盒模型在不同的浏览器中的表现
也不同：怪异模式是指在IE6及更早的IE版本下盒模型的计算方
法：所占空间总宽度等于内容＋外边距
标准和怪异模式的异同点
相同点：都是由margin ,border,padding,content组成
不同点：计算宽/高度方法的不同，标准模式下盒子的总宽度是由margin,padding,border,content的相加得来；怪异模式下：总宽度是由content加去padding、border得来的。
注意：如没有写头部声明<!doctype html> 某些浏览器会触发
怪异模式，也可通过box-sizing:border-box;使用怪异模式解析
盒子，在移动端某些方面很实用