我的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
的以下盒子模型。
从这里可以看出,边框的宽度设置为 4.8px
而不是 sheet 中指定的 5px
。
为什么会这样?我的浏览器是 Firefox 版本 90.0.2 和 64 位。
谢谢