普通盒模型和怪异盒模型的区别

普通盒模型和怪异盒模型的区别
答： 普通和模型（W3C标准盒模型）：标准盒大小计算公式：width(content) + padding + border + margin
怪异盒模型（IE盒子模型）：怪异盒大小的计算公式：width(content + padding + border) + margin

标准盒模型 width= 设置的宽高（固定的content） + padding + border + margin =》box-sizing: context-box
怪异盒模型（ie盒模型） width = 设置的宽高（自动的content + padding + border） + margin =》 box-sizing： border-box

总结：标准盒模型增加了padding属性或者增加border的宽度，盒子会变大；怪异盒模型增加了padding或者border的宽度，盒子大小不会变化
box-sizing：border-box（IE盒模型）
box-sizing：content-box （W3C盒模型）
参考文献：https://blog.csdn.net/weixin_44808483/article/details/107945816