标准盒模型
- widtht指content的width
- 一个块的总宽度为:width(content)+padding+border+margin
- 设置box-sizing: border-box转为怪异盒模型 (常用)
IE/怪异盒模型
- width指content+padding+border
- 一个块的总宽度为:width(content+padding+border) + margin
- 设置box-sizing: content-box转为标准盒模型
- 何时触发:当不对html页面顶部的DOCTYPE进行定义时,会触发怪异模式。