区别?
标准盒与怪异盒的区别在于他们的总宽度的计算公式不一样
标准盒模型总宽度=width+margin(左右)+padding(左右)border(左右)。
怪异盒模型的总宽度=width+margin(左右)( width已经包含了padding和border值)。
如何设置
只要在文档首部加了doctype申明，即使用了标准盒模型，而不加，则会由浏览器自己决定，比如，ie 浏览器中显示“ie盒子模型”，在 ff 浏览器中显示“标准 w3c 盒子模型”。
在CSS3中我们可以通过设置 box-sizing的属性来完成标准或者怪异模式之间的切换，怪异盒模型:box-sizing:border-box，标准盒模型:box-sizing:centent-box
应用场景
我一般是，如果width和height已经确定了，不过后面会修改border或者padding，默认的盒子模型，肯定会让盒子大小发生改变，我会设置box-sizing:border-box，这样，我的盒子不发生变化
假设两个div，分别占50%，如果其中一个div设置了border或者padding，就会导致折行，可以设置box-sizing:border-box
反正还是比较灵活的，不想让border，padding影响自己盒子，就改box-sizing:border-box
