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

时间:2018-09-16 19:20:39

标签: css css3

我知道元素的宽度是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;
    }

0 个答案:

没有答案