对于box-sizing的理解

box-sizing是不是这样理：如果值是content-box，那么为盒子设定的width就是只应用在content内容框上。如果值是border-box，那么width值应用在总的border框上

答答安

2015-12-15

源自：十天精通CSS3 10-7

关注问题我要回答

1110

操作

收起

2 回答

TheBigBangTheory
2016-01-05

直接在本节的例子页面，审查元素，就可以看到盒模型，你改不同的 box-sizing 值就会盒模型就会变。很直观

0 回复有任何疑惑可以回复我~

收起回答

李晓健
2015-12-15

可以参考一下

0 回复有任何疑惑可以回复我~

收起回答

答答安提问者

谢谢，这个我看过。还是练习的例子，content-box是计算了width之后又计算了padding值，所以div被挤掉了无法对齐。border-box是只计算width，padding值自适应，所以能够对齐。对吧？？...不知道说清楚没有

2015-12-15 回复有任何疑惑可以回复我~

李晓健回复答答安提问者

content-box 就是宽度和高度不包括 padding 和 border border-box 就是宽度包括padding 和 border

2015-12-15 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242560 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

2 回答还没有看懂box-sizing

2 回答box-sizing设置为border-box之后再设置它的border,为什么宽度不变高度却变了？

1 回答关于box-shadow

1 回答关于content-box和border-box的解释图片中的有关border-box的图像标尺标注是否存在错误？

1 回答只是调整中间的盒子的位置，为什么三个盒子都要加box-sizing？

搜索更多本课相关问答

对于box-sizing的理解

我要回答关注问题

热搜

最近搜索清空

对于box-sizing的理解

2 回答

本课相似问答

对于box-sizing的理解