前端面试题 | 标准盒模型和IE盒模型的区别？

两者的区别在于content的不同，IE盒模型的content包含border，padding

W3C盒子模型（又称之为标准盒模型）的范围包括margin、border、padding、content，并且content的不备份不包含其他部分。

标准盒模型

 IE盒模型

 

 W3C的盒模型方式被称为“content-box”，IE的被称为“border-box”，使用box-sizing: border-box;就是为了在设置有padding值和border值的时候不把宽度撑开。