html - 在同一个元素上使用高度和边框是好习惯吗？

Question

我的一些同学告诉我，同时使用 border、height 和 width 会弄乱盒子的尺寸。

我花了很多时间对此进行研究(看看这是不是真的)，但我找不到任何答案。

同时使用这些属性(border、height 和 width)是否是一种好的做法？这会给我带来什么麻烦吗？

.infobox {
    background-color: white;
    border: 1px solid black;
    float: right;
    height: 125px;
    width: 150px;
}

Answer 1

使用边框是完全没问题的!它确实使事情变得有点复杂，因为边框增加了总宽度/高度，但这可以通过使用 box-sizing: border-box 来解决，这使得填充和边框包含在宽度/高度。我建议您熟悉盒子模型:

(图片来自W3Schools)