与IE5机箱型号相比,W3C机箱型号有什么优势？

Question

我认为IE5盒子模型更像人类关于盒子概念的逻辑,包括填充和边框.它可以直接定义盒子的宽度和高度.

如果您有一个宽度为100%的元素,IE5盒子模型允许您安全地添加填充和边框.将此与正确的CSS框模型进行比较,在该模型中,您无法在不破坏布局的情况下向宽度为100%的元素添加任何填充或边框

那么任何人都可以详细解释一下吗？W3C盒子模型的优势是什么？

谢谢

Answer 1

100%的例子有时是W3C盒子模型的有效问题,但它主要是一个没有实际意义的点,因为您可以使用以下代码并实现您所称的"IE 5盒子模型":

box-sizing: border-box;

/* probably not needed in 2016 */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

box-sizing适用于所有主流浏览器IE8 +.我现在专门用它; 在我看来,微软有这个权利.

另见