当前位置: 首页 > 工具软件 > boxbox > 使用案例 >

box-sizing: border-box的作用

孟开宇
2023-12-01

box-sizing: border-box

box-sizing: border-box;

将border和padding数值包含在width和height之内,这样的好处就是修改border和padding数值盒子的大小不变。

box-sizing属性的取值可以为content-box或border-box,对它们的解释如下:

  • content-box:浏览器对盒模型的解释遵从W3C标准,当定义width和height时,它的参数值不包括border和padding。

  • border-box:当定义width和height时,border和padding的参数值被包含在width和height之内。

 类似资料: