css盒模型相关

标准盒模型

• 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进行定义时，会触发怪异模式。