https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing

box-sizing:content-box | border-box

box-sizing 属性可以被用来调整这些表现:

content-box 是默认值。如果你设置一个元素的宽为 100px,那么这个元素的内容区会有 100px 宽,并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。
border-box 告诉浏览器:你想要设置的边框和内边距的值是包含在 width 内的。也就是说,如果你将一个元素的 width 设为 100px,那么这 100px 会包含它的 border 和 padding,内容区的实际宽度是 width 减去 (border + padding) 的值。大多数情况下,这使得我们更容易地设定一个元素的宽高

posted on 2022-06-09 17:42  sandy.simple  阅读(29)  评论(0编辑  收藏  举报