标准盒模型 和 IE 怪异盒模型 有什么区别

盒子模型

盒子模型组成有 4 部分,分别为:内容 内边距 外边距(一般不计入盒子实际宽度) 边框
    

盒子模型有 2 种:标准盒子模型与怪异盒子模型

标准盒子模型=content(内容)+border(边框)+padding(内边距)

怪异盒子模型=content(内容)(已经包含了 padding 和 border)
    

css3 种可以通过设置 box-sizing 属性来完成标准或许怪异盒子模型之间的切换,
    怪异盒子模型:box-sizing: border-box;
    标准盒子模型:box- sizing:content-box