css中标准盒模型和怪异盒模型的区别，如何将标准盒模型转换为怪异盒模型

1.两者区别

标准盒模型总宽度 = width + 左右padding + 左右border + 左右margin

标准盒模型总高度 = height + 上下padding + 上下border + 上下margin

怪异盒模型总宽度 = width + 左右margin (width包含了padding和border)

怪异盒模型总高度 = height + 上下margin (height包含了padding和border)

注：当没有添加文档声明时，就会触发某些浏览器的怪异模式，如IE6

2.如何将标准盒模型转换为怪异盒模型

给给标准盒子加上这个属性：

语法：box-sizing:border-box;

注：box-sizing:content-box;  默认值