设置显示:

我遇到了一个问题,通过设置一个元素的显示属性来display: -moz-box使这个元素开始在Firefox border-box使用border-box大小模型,即元素的宽度和高度包括填充和边框。 这在基于Webkit的浏览器中不会发生。

这里是链接到JSFiddle,说明我在说什么:http://jsfiddle.net/S3BCa/

我想知道这是否是Firefox中的一个错误(似乎无法找到任何有关它的文档),或者是否有一种解决方法可以在所有浏览器中实现这种功能?


是的,这是一个错误,目前只有border-box被实现。 这具有历史原因,灵活的盒子模型最初仅用于XUL,而border-box是唯一支持的大小模型。 相关的错误是错误73669和错误490359,错误635692表示一系列其他问题。 我想最终会在-moz前缀被删除之前解决这个问题,但不知道什么时候会这样。

现在,跨浏览器获得一致行为的唯一选择是指定box-sizing: border-box 。 我认为没有更好的解决方案,对不起。

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

上一篇: Setting display:

下一篇: What is the advantage of W3C box model compared with IE5 box model?