css - Chrome 不支持 box-sizing？

Question

我在一个网站上工作，我使用 box sizing 方法来阻止 div 在添加填充时破坏大小。

我有以下...

-moz-box-sizing:padding-box;
box-sizing:padding-box; 
-webkit-box-sizing:padding-box;

有人知道关于 chrome 支持这个的问题吗？

Answer 1

Padding-boxchrome 目前不支持

来源：https ://developer.mozilla.org/en-US/docs/CSS/box-sizing#Browser_Compatibility

Answer 2

您可以使用 box-sizing: border-box;.box-sizing:padding-box;

padding-box是实验性的，在元素的高度和宽度中包括填充大小，但不包括边框或边距。

border-box;已经存在了一段时间，它在元素的高度和宽度中包括填充大小和边框，但不包括边距。所有主要浏览器都支持它，但在 Firefox 中确实需要前缀。例子：

-moz-box-sizing: border-box;
box-sizing: border-box;

有关更多信息，请参阅https://developer.mozilla.org/en-US/docs/CSS/box-sizing。