设置显示：-moz-box导致元素在Firefox中使用边框大小调整

Question

我遇到了一个问题，通过将元素的display属性设置为display: -moz-box会导致该元素开始在Firefox中使用border-box大小调整模型，即元素的宽度和高度包括填充和边界。在基于Webkit的浏览器中不会发生这种情况。

以下是JSFiddle的链接，说明了我在说什么： http://jsfiddle.net/S3BCa/

我想知道这是不是Firefox中的一个错误（如果有的话似乎找不到任何关于它的文档），或者是否有一种解决方法可以在所有浏览器中实现这一点？

Answer 1

是的，这是一个错误，目前只有border-box已经实现。这有历史原因，灵活的盒子模型最初仅针对XUL实现，border-box是唯一支持的大小调整模型。相关错误为bug 73669和bug 490359，其中bug 635692表示一系列其他问题。我想这最终会在此处删除-moz前缀之前修复，但不知道何时会这样做。

目前，在浏览器中获得一致行为的唯一选择是指定box-sizing: border-box。我不认为有更好的解决方案，抱歉。