css的标准盒模型和怪异盒模型

大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。

在标准盒模型：一个div的内容区 = width + border +padding + margin

怪异盒模型：div的内容区 = width + margin   width = padding + border

解决兼容性问题：box-sizing:{}

        content-box---时 采用标准也就是默认模式

        border-box --时 采用怪异模式