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

width和height的定义

width和height不是定义内容宽高吗？盒子的宽高也可以定义？既然盒子的宽高已经定义了为什么输入padding：10px的时候盒子会变大？

张芒果

2016-01-07

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

关注问题我要回答

2023

操作

收起

5 回答

乱城记回答被采纳 +3 积分
2016-01-07

看完这张图你就会明白了

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

收起回答

qq_十年踪迹十年心_0
2016-02-02

那为什么没有改变width和height的值盒子却会变大，不应该是内容变大了吗？

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

收起回答

echo_kinchao
2016-01-07

就是高和宽

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

收起回答

nickwar2008
2016-01-07

width和height是定义内容宽高,内容跟盒子之间的距离用padding，内容宽高固定了，再增加padding时，如果盒子不够大就会变大

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

收起回答

weibo_就叫Seven吧_0
2016-01-07

weidth和height是定义内容的宽度和高度，盒子的宽度和高度是不能直接定义的（我目前学到的是不能直接定义的），盒子的宽度=左边距+左边框+左填充（padding-left）+内容宽度（width）+右填充（padding-right）+右边框+右边距（之前几节有提到），高度类似，一开始没有定义的时候padding=0，你现在给padding设了值，盒子的宽度自然也就变大了，盒子自然就变大了

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

收起回答