关于元素高宽的设定问题？加入pdding值是改变盒子的大小，而不改变内容的高宽？

盒子的大小指的是margin padding border content相加，那我们设置的元素的width height指的是content的内容么，因为margin padding的默认值都是0？？？？

慕粉1469604703

2016-08-26

源自：导航条菜单的制作 1-3

关注问题我要回答

1161

操作

收起

3 回答

Jeremy_Li 回答被采纳 +3 积分
2016-08-26

首先我明白你的意思，你陷入了盒子模型的宽高与margin padding border的关系中。1.一旦你设置了内容的宽和高，那么加入padding是会改变盒子的大小，不会改变内容的宽高 2.如果你没有设置内容的宽高，那么你加入padding值就会改变内容的宽高，比如一段文字在这种情况下是会受到影响的。

再来问题的补充，是的，还有border默认也是0，当你修改的时候，就有了。你可以想象成快递包裹，保护商品（内容）的是泡沫（内填充padding，要用多少当然视实际情况来定），再来一个盒子（边框）封装起来，然后来一个快递袋（外边距）。

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

#1

慕粉1469604703 提问者

非常感谢！

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

#2

慕粉1469604703 提问者

我们平常设置的元素的宽高，实际上指的是内容的宽高，所以默认情况下会紧贴着元素的边框？

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

#3

慕粉1469604703 提问者

还有一个问题，里面的line-height在实际中也用这种方法来实现文字看似上下居中的效果么？

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

叶靖晴
2016-08-26

第一，盒子模型：包括margin（外边距）+border(边框)+padding(内边距)+width/height

其中width/height指的是盒子里面的东西，padding表示东西与盒子的距离，margin表示盒子与其它盒子之间的距离。

第二，margin和padding的默认值一般我们是手动设置的: *{margin:0;padding:0;} 为的是清除不同浏览器自设的margin与padding值

课程：http://www.imooc.com/video/1331

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

qq_唯有爱不可负_0
2016-08-26

设置元素的width和height指的是content的宽和高，和margin和padding是否为0无关。margin和padding需要另外设置，默认值也不一定是0.

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

举报

0/150

提交

取消

导航条菜单的制作

参与学习 123848 人
解答问题 838 个

水平、垂直、圆角导航条菜单，让您的技术探索之路更高效

关于元素高宽的设定问题？加入pdding值是改变盒子的大小，而不改变内容的高宽？

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号