W3C盒子模型与IE5盒子模型相比有啥优势？

Posted 2023-03-05

【中文标题】W3C盒子模型与IE5盒子模型相比有啥优势？

【英文标题】：What is the advantage of W3C box model compared with IE5 box model?W3C盒子模型与IE5盒子模型相比有什么优势？

【发布时间】：2011-06-02 09:27:58

【问题描述】：

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

如果你有一个元素 宽度为 100% 的 IE5 框 模型允许您添加填充和 边境安全。将此与 正确的 CSS 盒子模型，在其中你 不能添加任何填充或边框 宽度为 100% 的元素 不破坏布局

那么谁能详细解释一下？W3C盒子模型的优势是什么？

谢谢

【参考方案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+。我现在专门使用它；在我看来，微软有这个权利。

另见

Why is the W3C box model considered better?

【参考方案2】：

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