level 9
CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。
在 CSS 盒子模型的默认定义里,你对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ,绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。
这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距。换句话来说,有了box-sizing:border-box;这句话就能让盒子变成CSS3盒子,padding和border就不会再撑大盒子了。
2023年01月31日 05点01分