css - W3C盒子模型与IE5盒子模型相比有什么优势？

Question

我认为IE5的盒子模型更类似于人类对盒子概念的逻辑，包括padding和border。它可以直接定义盒子的宽度和高度。

如果您有一个宽度为 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+。我现在专门使用它；在我看来，微软有这个权利。

另见

• 为什么认为 W3C 盒子模型更好？

Answer 2

采用 W3C 盒子模型的主要优点是 IE5 盒子模型的采用率正在下降，至少可以这么说。大多数人应该认为 IE6 已经过时，更不用说 IE5。