为什么在此框大小示例中未考虑边框？

Question

我知道元素的宽度是width + padding + border，而高度是height + padding + border。

我发现很难理解的是，当我给元素设置宽度为800px，高度为400px，填充为20px，边框为10px时，在框模型中不会计算边框。< / p>

显示760 x 360，这意味着它仅从高度和宽度中减去20px的填充。

这是怎么回事，我误解了吗？

      .apples {
        width: 800px;
        height: 400px;
        background: red;
        border: 10px;
        padding: 20px;
        box-sizing: border-box;
    }