css - 如何强制浏览器添加填充等尺寸？

Question

你知道 CSS 的盒子模型(margin-border-padding-content)

但是，我希望浏览器计算盒模型的大小，包括边距、边框和填充。

有没有办法强制浏览器这样解释？

谢谢

Answer 1

在 CSS3 中，我们有 box-sizing。如果将它设置为border-box，它会计算padding 和border 的大小。据我所知，您不能让它也计算尺寸的边距，这听起来合乎逻辑，因为边距绝不是盒子的一部分，它只是告诉盒子周围应该留出多少空间。

参见此处:http://www.css3.info/preview/box-sizing/

另请查看 current browser support for box-sizing (尽管它看起来很宽，但你应该避免意外)。