html - 使用CSS设置块元素的真实（偏移）宽度/高度？

Question

在 CSS 中设置宽度/高度仅对应于内容区域。有没有办法在 CSS 中设置元素的偏移宽度/高度（即包括填充/边距/边框的尺寸）？

编辑：示例->

我有许多标有 css 类“smallBox”的 div

.smallBox{
width: 100px;
height: 100px;
}

现在我想在每个盒子上单独设置填充，同时让整体外部尺寸保持不变。

Answer 1

严格来说，有点。您可以更改与建议的 box-sizing CSS3 属性一起使用的盒子模型，以便宽度指定对象的总宽度。可以在此处找到详细信息( http://www.quirksmode.org/css/box.html )。

然而，浏览器的兼容性是不确定的（这篇文章只提到了 IE8+ 和 Firefox），所以你可能需要使用某种 JavaScript 来实现这一点。