为什么加了padding后div变大了
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
海尔塞拉西
2016-04-03 09:39
box1不是已经设置了宽和高了吗，为什么加了padding之后盒子变大了，不该是box1大小不变，盒子1变下位置吗，而且盒子1到边框的右填充和下填充也不是10px啊。
写回答
关注
5回答
-
- 慕移动4676441
- 2016-04-04 01:09:36
不设置padding的时候 不光字是div内容 字外面的白色区域也是div的内容区域 padding：10px的时候 字和之前的白色区域不变 div边框向外扩大10px
-
- 慕移动9181930
- 2022-03-26 07:15:21
-
- 忆_卿
- 2016-04-20 10:09:34
课堂上不是提过么，，盒子的宽度(高度)=content+padding+border+margin，你给他设置了padding:10px，实际宽高都发生了改变能不变大么？
-
- jazia
- 2016-04-03 23:38:48
楼主你理解错了 即使设置了padding为10px，这只是说明box1的内容和box1的边框的距离为10px，而楼主你以为的是“盒子1”这三个字要跟边框的距离为10px。所以盒子1到边框的右填充和下填充不是10px。
-
- 心的世界
- 2016-04-03 09:46:19
padding是内填充，增加了10px，等于以width不变，四边各增加了10px，这样的盒子肯定变大的啊
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225806 学习 · 18234 问题
相似问题