这是啥意思
来源:3-5 编程练习
慕斯卡6515547
2020-02-08 13:29:43
box-sizing:border-box;
1回答
时间,
2020-02-09
同学,你好。box-sizing是用于告诉浏览器如何计算一个元素是总宽度和总高度,属性值有border-box和content-box。
1、border-box:padding和border被包含在定义的width和height之内,盒子的实际宽度=设置的width-(padding+border),可以看以下例子,盒子的高度以及宽度是分别减去padding-top和padding-left之后的结果
2、content-box:padding和border不被包含在定义的width和height之内。盒子的实际宽度=设置的width+padding+border。看一下例子,盒子的高度以及宽度是分别与padding-top和padding-left相加之后的结果:
如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~
相似问题