Css 是不是；宽度“；覆盖"；填充“；？

假设包含框的宽度为5cm，填充物（所有侧面）为2cm

如果我将内容的宽度设置为50%。现在宽度的绝对值是2.5厘米。但是如果填充效果仍然存在，那么现在长方体将为2+2.5+2=6.5cm。但现在内容不再是宽度的50%（2.5/6.5！=50%）

---

我有点困惑，有什么帮助吗？谢谢

结果是正确的。为了简化这些计算，您可以使用

框大小：边框框

在总宽度中包含填充

边框框

宽度和高度属性包括填充和边框，但不包括边距。这是Internet Explorer使用的长方体模型 当文档处于怪癖模式时。注意：将使用填充和边框 盒子内部，例如，如果盒子{宽度：350px}；然后应用{border: 10px纯黑色；}结果{在浏览器中呈现}。框{宽度： 350px；}

---

参考资料：

结果是正确的。为了简化这些计算，您可以使用

框大小：边框框

在总宽度中包含填充

边框框

宽度和高度属性包括填充和边框，但不包括边距。这是Internet Explorer使用的长方体模型 当文档处于怪癖模式时。注意：将使用填充和边框 盒子内部，例如，如果盒子{宽度：350px}；然后应用{border: 10px纯黑色；}结果{在浏览器中呈现}。框{宽度： 350px；}

---

参考资料：

这是开发人员遇到的常见问题

如果我有：

<div style="width: 200px"></div>

那么宽度将是200px宽。 如果我加上10px的填充，那么我需要从宽度中减去20px。 因此，要使其保持200像素宽，现在必须：

<div style="width: 180px; padding: 10px"></div>

---

可以忽略这一点，因此宽度不需要根据填充进行调整，但我觉得您应该忠实于CSS的预期工作方式。

这是开发人员遇到的常见问题

如果我有：

<div style="width: 200px"></div>

那么宽度将是200px宽。 如果我加上10px的填充，那么我需要从宽度中减去20px。 因此，要使其保持200像素宽，现在必须：

<div style="width: 180px; padding: 10px"></div>

这是可能的覆盖，所以宽度不需要根据填充调整，但我觉得你应该保持真实的CSS的预期工作方式

如果不覆盖填充，则填充将添加到宽度。 将填充视为元素外部的额外宽度

宽度不会覆盖填充，但填充仍将覆盖 因此，其他元件将被推离其位置（如果 相对的）

编辑：将填充与边距混淆

如果不覆盖填充，则填充将添加到宽度。 将填充视为元素外部的额外宽度

宽度不会覆盖填充，但填充仍将覆盖 因此，其他元件将被推离其位置（如果 相对的）

编辑：将填充与边距混淆

查看以了解当前的工作方式

某些浏览器（尤其是较旧的浏览器）之间的差异确实很大。 问题不像以前那么大了，但是使用

框大小调整的解决方案可能不是一个通用的解决方案，这取决于您的用户（IE>8上还有什么问题吗？）

正如其他人所说，您可以使用来适应单独的内容、带填充的内容或带填充和边框的整个框（这可能是您想要的）
 查看以了解当前的工作方式

某些浏览器（尤其是较旧的浏览器）之间的差异确实很大。
问题不像以前那么大了，但是使用
框大小调整的解决方案可能不是一个通用的解决方案，这取决于您的用户（IE>8上还有什么问题吗？）

正如其他人所说，您可以使用来适应单独的内容、带填充的内容或带填充和边框的整个框（这可能是您想要的）
 那么，你的意思是填充从元素的边界出来？那么，你的意思是填充从元素的边界出来？