                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么加了padding后div变大了

box1不是已经设置了宽和高了吗，为什么加了padding之后盒子变大了，不该是box1大小不变，盒子1变下位置吗，而且盒子1到边框的右填充和下填充也不是10px啊。

海尔塞拉西

2016-04-03

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

11207

操作

收起

5 回答

慕移动4676441 回答被采纳 +3 积分
2016-04-04

不设置padding的时候不光字是div内容字外面的白色区域也是div的内容区域 padding：10px的时候字和之前的白色区域不变 div边框向外扩大10px

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

收起回答

海尔塞拉西提问者

朋友那是不是宽和高都变成下面这个了 width:110px; height:110px;

2016-04-04 回复有任何疑惑可以回复我~

海尔塞拉西提问者

非常感谢！

2016-04-13 回复有任何疑惑可以回复我~

慕移动9181930
2022-03-26

嗯，明白老师说的意思，非常感谢您的教导！！写错是 o p e n D N S

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

收起回答

忆_卿
2016-04-20

课堂上不是提过么，，盒子的宽度(高度)=content+padding+border+margin，你给他设置了padding:10px，实际宽高都发生了改变能不变大么？

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

收起回答

jazia
2016-04-03

楼主你理解错了即使设置了padding为10px，这只是说明box1的内容和box1的边框的距离为10px，而楼主你以为的是“盒子1”这三个字要跟边框的距离为10px。所以盒子1到边框的右填充和下填充不是10px。

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

收起回答

心的世界
2016-04-03

padding是内填充，增加了10px，等于以width不变，四边各增加了10px，这样的盒子肯定变大的啊

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

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1222360 人
解答问题 18209 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

3 回答添加padding：10px;变大了？

3 回答p标签内增加div后，为什么变了？

3 回答为什么我改的是padding后面的数字，整个盒子却变大了

2 回答为什么都变大了

3 回答设置padding大小为什么边框跟着变大

搜索更多本课相关问答

为什么加了padding后div变大了

我要回答关注问题

热搜

最近搜索清空

为什么加了padding后div变大了

5 回答

本课相似问答

为什么加了padding后div变大了