标准盒模型-怪异盒模型的区别

标准盒模型
默认情况下：标准盒模型，相当于box-sizing: content-box;

其实：box-sizing: content-box;情况下height:100px设置的是内容的高度；如果是此盒子模型的话padding会使得盒子撑开变大。
怪异盒模型

其实：box-sizing: border-box;情况下height:100px设置的是整个盒子的高度；如果是此盒子模型的话padding不会撑大盒子而是与border内的空间进行协调；