Question

给定具有特定左右填充的元素，似乎无法将其宽度设置为小于两者之和的任何值。

快速谷歌搜索让你相信救赎在于box-sizing属性，虽然这确实有意义（考虑到盒子模型是如何工作的），但令人惊讶的是它并没有改变任何东西。

我错过了什么？

在this minimal working example中，红色元素不应该是可见的。如果可能的话，我想避免使用无关元素来混淆HTML。

Answer 1

红色区域因其内部文字而出现。您有两个选项可以删除文本或将字体大小设置为0，如下所示：

#c
{
    background: red;
    width: 0em;
    font-size: 0em;
}