我遇到了一个问题，通过将元素的显示属性设置为 display: -moz-box 导致该元素开始使用 border-box 尺寸模型在 Firefox 中，即元素的宽度和高度包括填充和边框。这不会发生在基于 Webkit 的浏览器中。
这是 JSFiddle 的链接，它说明了我在说什么: http://jsfiddle.net/S3BCa/
我想知道这是否是 Firefox 中的错误(如果是的话似乎找不到任何相关文档)或者是否有解决方法可以使所有浏览器保持一致？
最佳答案
是的，这是一个错误，目前只实现了border-box。这是有历史原因的，灵活的盒子模型最初只是为 XUL 实现的，border-box 是唯一支持的尺寸模型。相关的错误是 bug 73669和 bug 490359 , 与 bug 635692表明一堆额外的问题。我想这最终会在 -moz 前缀被删除之前得到解决，但是不知道什么时候会。
目前，在浏览器中获得一致行为的唯一选择是指定 box-sizing: border-box。我认为没有更好的解决方案，抱歉。
关于firefox - 设置显示 : -moz-box causes elements to use border-box sizing in Firefox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7301588/