IE盒模型和标准盒模型有什么区别? 怎样使 IE7、8使用标准盒模型?box-sizing:border-box有什么作用

IE盒模型：

0_1480775469467_IEbox.jpg

IE 盒子模型的范围包括 margin、border、padding、content，width=border+padding+content
标准盒模型

0_1480775612982_标准盒模型.jpg

W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分，width= content

添加 使用标准盒模型

box-sizing:border-box：通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度，模拟IE盒模型规范。