盒子大小问题。
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
把葫芦咬哭
2016-09-06 10:45
padding:10px; 为什么盒子变大了？
写回答
关注
5回答
-
- littlemin
- 2016-09-06 10:52:30
盒子的宽度=内容宽+内边距（padding）+边框（border），内容宽就是自己定义的width，内边距是在内容外边，边框里边的填充，加了padding，盒子的实际宽度就变大了，高度也是同样原理
-
- 慕粉3903308
- 2016-09-06 14:01:14
盒子由四部分组成，分别是内容、内边距、边框和外边距，其中会算到盒子宽度和高度的是内容、内边距和边框，也就是说内容、内边距和边框的大小变化时，盒子的大小会变
-
- woaixuexi0011
- 2016-09-06 11:14:51
盒宽大小包括边框宽、内边距、内容宽，在其他不变得情况下，内边距变大，盒子本身就变大了
-
- 愚乐3255535
- 2016-09-06 11:07:20
月饼大小不变，但是月饼与月饼盒之间的距离增加了10px，盒子当然要变大了
-
- 慕容9096838
- 2016-09-06 10:54:38
不设置padding的时候 不光字是div内容 字外面的白色区域也是div的内容区域 padding：10px的时候 字和之前的白色区域不变 div边框向外扩大10px
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225294 学习 · 18230 问题
相似问题