CSS入门中，关于“box-sizing”的“border-box”的“content”大小有点疑问。

content-box是content+2*padding+2*border，也就是content=宽度-2*padding-2*border吧；

border-box是content吧，也就是content=宽度-2*padding-2*border吧？

童真模式启动 2021-10-15

源自：CSS入门 9-11 盒子大小

19

收起

1回答

好帮手慕阿园回答被采纳获得+3积分 2021-10-15 18:31:20

同学你好，设置为content-box（默认）时，理解是正确的，应该是总体宽度减去两个padding和两个border，而设置为border-box，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制

祝学习愉快~

童真模式启动提问者 #1

border-box的content会被padding和border挤压从而变小吧

2021-10-17 10:30:04
好帮手慕小小回复提问者童真模式启动 #2

同学你好，是的，同学的理解是正确的，可参考：
祝学习愉快~

2021-10-17 13:25:13

相似问题

关于box-sizing属性

box-sizing到底是啥？两个主要属性又是啥意思

CSS入门中，关于box-sizing、固定定位有些疑问。

box-sizing的问题

关于box-sizing: border-box;

登录后可查看更多问答，登录/注册

参与学习人
提交作业 8718 份
解答问题 9886 个

综合就业常年第一，编程排行常年霸榜，北上广深月薪过万！不需要基础，无需脱产即可学习，只要你有梦想，想高薪！全新升级：技术栈升级（包含VUE3.0，ES6，Git）+项目升级（前后端联调与功能升级）

本课精华内容

问答作业

eclipse打开弹出这样是怎么回事

79 1

找不到jdk版本号的文件夹，打开里面什么都没有

56 1

Cannot resolve symbol 'Valid'

9 1

spring boot 和swagger2版本冲突

14 1

Maven项目管理中，关于Maven和IDE有几点小疑问。

56 9

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载