怪异盒模型和标准盒模型的区别和写法！

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

标准盒模型：设置的width或height是对 实际内容（content）的width或height进行设置，内容周围的border和padding另外设置，即盒子模型的width（height）=设置的content的宽高+padding+border+margin

//标准盒模型
box-sizing： content-box;

怪异盒模型: 设置的width或height是对 实际内容（content）+内边距（padding）+边框（border）之和的width和height进行设置的，其盒模型的width（height）=设置的width（height）+外边距margin.

//怪异盒模型
box-sizing： border-box;