【问题标题】: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盒子模型的优势是什么?
谢谢
【问题讨论】:
标签:
css
internet-explorer
w3c
internet-explorer-5
【解决方案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+。我现在专门使用它;在我看来,微软有这个权利。
另见
【解决方案2】:
采用 W3C 盒模型的主要优点是 IE5 盒模型的采用率正在下降,至少可以这么说。大多数人应该认为 IE6 已经过时,更不用说 IE5。