计算的边框宽度小于 div 中指定的边框宽度

时间:2021-07-25 12:25:24

标签: html css

我的html代码如下

<div class="one">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam eius officiis pariatur, sit earum repudiandae porro iure architecto magni quod voluptatum? Voluptas minima iure, alias quaerat sapiente nam animi voluptatem!</div>

CSS如下

div {
    width: 200px;
    height: 200px;
    background-color: #5cff11;
}

.one {
    border: 5px black solid;
}

由于我没有为 border-box 使用 box-sizing 值,所以我应该得到的总宽度应该是 210px。但是当我检查它时,我得到了 div 的以下盒子模型。

Box Model

从这里可以看出,边框的宽度设置为 4.8px 而不是 sheet 中指定的 5px。 为什么会这样?我的浏览器是 Firefox 版本 90.0.2 和 64 位。 谢谢

0 个答案:

没有答案