html - 使用 CSS 设置 block 元素的真实(偏移)宽度/高度？

Question

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

编辑:示例 ->

我有一些用 css 类“smallBox”标记的 div

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

现在我想在每个盒子上分别设置内边距，同时让整体外部尺寸保持不变。

Answer 1

严格来说，有点。您可以更改与建议的 box-sizing CSS3 属性一起使用的框模型，以便宽度指定对象的总宽度。详情可查here (http://www.quirksmode.org/css/box.html)。

但是，浏览器兼容性不确定(本文仅提及 IE8+ 和 Firefox)，因此您可能需要使用某种 JavaScript 来实现这一点。