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

关于padding

为什么加了padding以后盒子大小也变了？为什么不是相对于盒子broder有10px；那如果想这样做的话，该怎么写？

qq_安安_17

2017-04-11

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

关注问题我要回答

1256

操作

收起

4 回答

佩恩他哥回答被采纳 +3 积分
2017-04-11

盒子的width=margin-left +margin-right + border-left+border-right+padding-left+padding-right+内容的width

所以代码中的盒子width = 10px *2 + 1px*2 +100px

同理height

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

#1

qq_安安_17 提问者

非常感谢！

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

慕沐4985867
2017-04-11

100px 指的是box1里头的内容的高度；虽然你现在div里没写文字

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

#1

qq_安安_17 提问者

写了，盒子那俩字就是div里面的呀

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

别来无恙666
2017-04-11

你截图里height：100px 指的是box1里头的内容的高度；虽然你现在div里没写文字。

同理width；你现在把100px认为成box1的宽高了，这是不对的。

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

#1

qq_安安_17 提问者

10px变化的是文字内容离边框的距离，把内容weigth从0增加到10px,然后盒子为了满足这个增加，就变大了？

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

洒洒洒洒洒
2017-04-11

padding是边框里距顶部距离

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

#1

qq_安安_17 提问者

padding里面1个数值不是表示上下左右么？和文字距离10px的话，为什么盒子大小也要变呢？如果盒子不变要怎么写啊？

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

举报

0/150

提交

取消

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

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

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

本课相似问答

4 回答关于padding

2 回答关于padding

4 回答关于padding

3 回答关于padding-bottom

1 回答关于padding的问题

搜索更多本课相关问答

关于padding

我要回答关注问题

意见反馈帮助中心 APP下载