box1去除padding属性后不是比box小么。
来源：2-1 盒子模型
akun0
2016-11-27 22:15
box1去除padding属性后不是比box小么。
写回答
关注
3回答
-
- xiaoww
- 2016-11-27 23:48:47
当box的box-sizing属性为border-box时，padding不影响box的大小。
-
- 慕无忌4230737
- 2017-07-06 10:30:44
为什么我按照老师说的打完代码浏览器不显示东西
-
- xiaoww
- 2016-12-04 23:08:04
盒子模型尺寸基准有两种，分别是content-box和border-box （默认是content-box）。理论上说，content-box 与 border-box 区别是：
content-box盒子的宽度包含边框和内边距， 即盒子宽度=width+border+padding；
由于初始时padding为0，则content的宽度为width；随着padding值和border值不断增大，盒子宽度也跟着增大；
border-box则已将边框和内边距计算在width中，即盒子宽度=width；且其内容 content 的大小为width的值减去边框和padding的值。即content=width-padding-border。如果调大padding值和border值，盒子宽度（也是width）不会改变， 但content会不断被挤进去而缩小。
总结：对于border-box,调节border和padding，宽度不变，内容不断向内缩进去；
对于content-box,调节border和padding,宽度改变，且不断向外扩张变大；
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157042 学习 · 1984 问题
相似问题