box-sizing
box-sizing是用来设置盒子的尺寸吗？看了半天没明白 具体有什么用呢？在什么时候会应用到呢？还有在盒子那一章节里面讲过这个属性吗？能麻烦用通俗易懂的方式说明一下吗或者举例说明也行。
25
收起
正在回答 回答被采纳积分+1
1回答
好帮手慕码
2019-12-28 15:15:20
同学你好，针对你的问题如下解答：
1.这个属性规定内容宽高的计算方式。老师给你简单了解一下，后面阶段的课程会有讲解的。box-sizing常用的属性值两种，（1）box-sizing： border-box简单的理解为，将border和padding计算在width之中，看如下例子：
box的实际宽度为124px，可以按F12查看：
然后设置此属性：
把填充和边框计算到width之中了，所以宽高依旧为100px：
（2）一个属性值：content-box , 即填充和边框不包含在width中。这个是盒子默认的属性值，即第二张截图的效果。
2.在规定盒子如何计算宽高内容的时候使用，是否将border和padding计算在width之中。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星