width和height的定义
来源：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
张芒果
2016-01-07 10:24
width和height不是定义内容宽高吗？盒子的宽高也可以定义？既然盒子的宽高已经定义了 为什么输入padding：10px的时候盒子会变大？
写回答
关注
5回答
-
- 乱城记
- 2016-01-07 10:41:35
看完这张图你就会明白了
-
- qq_十年踪迹十年心_0
- 2016-02-02 18:31:47
那为什么没有改变width和height的值盒子却会变大，不应该是内容变大了吗？
-
- echo_kinchao
- 2016-01-07 11:30:56
就是高和宽
-
- nickwar2008
- 2016-01-07 10:31:54
width和height是定义内容宽高,内容跟盒子之间的距离用padding，内容宽高固定了，再增加padding时，如果盒子不够大就会变大
-
- weibo_就叫Seven吧_0
- 2016-01-07 10:31:54
weidth和height是定义内容的宽度和高度，盒子的宽度和高度是不能直接定义的（我目前学到的是不能直接定义的），盒子的宽度=左边距+左边框+左填充（padding-left）+内容宽度（width）+右填充（padding-right）+右边框+右边距（之前几节有提到），高度类似，一开始没有定义的时候padding=0，你现在给padding设了值，盒子的宽度自然也就变大了，盒子自然就变大了
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1223018 学习 · 18212 问题
相似问题