这个盒子有什么区别

在几天之内(对于某些人来说,已经过去了很长时间,并且仍然存在于其他人之中),盒式模型的bug对他们的存在是一种祸害 元素宽度包括边缘,边界和填充的想法是亵渎神灵并且是他们感官的憎恶。 所以我们在成千上万个关于盒子模型黑客的互联网博客中摆脱了这个困境。

现在我们得到框大小,它将等待它,允许您指定宽度包含边框,边距和填充。 我们为它贴上了一个时髦的新名称,“CSS3 Flexbox”,现在它是设计师一直在寻找的自由。

对于那些将盒式模型错误视为不是错误而将W3C视为实际错误的人来说,这令人惊讶。 重新引入这个所谓的bug,现在我们称之为增强功能?

那么有人可以解释为什么这是不同的? 我对此感到困惑。


现在我们得到框大小,它将等待它,允许您指定宽度包含边框,边距和填充。 我们为它贴上了一个时髦的新名称,“CSS3 Flexbox”,现在它是设计师一直在寻找的自由。

不,我们称之为“边框”模型。 Flexbox是完全不同的事物; 它与用于告诉浏览器如何计算box-sizingbox-sizing属性无关。

对于那些将盒式模型错误视为不是错误而将W3C视为实际错误的人来说,这令人惊讶。 重新引入这个所谓的bug,现在我们称之为增强功能?

那么有人可以解释为什么这是不同的? 我对此感到困惑。

它曾经被认为是一个很长一段时间的错误,因为当时只有一个真正的盒子模型(W3C内容盒模型),当CSS刚刚开始拾取时,每个人都必须遵循这个模型,当时IE是黑羊。 但是,即使那些憎恨IE的胆量的人也喜欢这个bug,所以边框尺寸被添加到CSS3规范中作为一个选项。 简单而简单

请注意,根据任何版本的规范,IE5.x(和怪癖模式IE2)将始终继续显示错误行为,并且不支持box-sizing的其他浏览器的旧版本将始终遵循标准中的原始内容框模型模式(并且有时但并非总是在几乎标准模式下)。


1现在至少有两个原始的W3C内容框模型和“新”边框模型。 还有一个Mozilla正在探索的第三个填充框模型,但这与我们在这里讨论的内容并不相关,并且它有可能从CSS3 UI CR中丢失。

2取决于你问的是谁,这可能被认为是一个“功能”,因为怪癖模式的主要目的是模仿用于遗留代码的错误的浏览器渲染,并且它不适用于新代码。

链接地址: http://www.djcxy.com/p/13177.html

上一篇: What's the difference between the box

下一篇: Left padding on container when content of the article goes past the fold