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

width和height定义的数值不是固定的吗？怎么改变padding的值盒子的大小都变了？

增大padding的值盒子的高度和宽度都有变化

qq_韶华易逝_1

2016-07-11

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

关注问题我要回答

1863

操作

收起

2 回答

慕运维2568578
2016-07-11

我们所设置的div 的width、height 是div里面内容部分的宽和高，而设置的padding是在内容之外的填充，需要注意的是:padding和border会把div撑大，你可以看看Chrome调试器里面的盒子模型；

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

收起回答

qq_韶华易逝_1 提问者

就是说整个盒子模型的宽度和高度不能先被定义，而是系统自己计算的吗？

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

损失函数
2016-07-11

padding是指内边距的值，宽和高确实是固定的，下面这张图片可以看清楚

阴影部分宽和高都是100px，但增大padding的值时，它距离边框线的距离就大了，看起来就是整个盒子变大了。

望采纳！

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

收起回答

qq_韶华易逝_1 提问者

就是说这里定义的宽度和高度都是内容的宽度和高度？那又该用什么代码来定义整个盒子模型的宽度和高度呢？

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

损失函数回复 qq_韶华易逝_1 提问者

你定义的就是整个盒子模型的宽度和高度，但你设置了padding内边距值就相当于给盒子撑大了，你可以设置margin值试试，不会对盒子大小有任何变化，因为margin值是外边距。

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

0/150

提交

取消

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

参与学习 1225798 人
解答问题 18234 个

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

进入课程

本课相似问答

5 回答width和height的定义

2 回答为什么改height的值1234数字大小不变呢？

2 回答为什么改变盒子模型的填充都会改变盒子模型的大小

3 回答标签都是固定不变的吗

6 回答盒子大小的变动？

搜索更多本课相关问答

width和height定义的数值不是固定的吗？怎么改变padding的值盒子的大小都变了？

我要回答关注问题

热搜

最近搜索清空

width和height定义的数值不是固定的吗？怎么改变padding的值盒子的大小都变了？

2 回答

本课相似问答

width和height定义的数值不是固定的吗？怎么改变padding的值盒子的大小都变了？