为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

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

为什么只有top和left起作用了，并且width和height也变大了

两个问题：（我用的chrome浏览器）

1- 为什么看起来只有padding-top和padding-right起作用了，而不是padding-top和padding-right

2- 为什么修改了padding之后，那个边框也变大了，不应该是“盒子1”在边框内调整吗？

菜鸟Kira

2017-07-18

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

关注问题 我要回答
995
操作
收起

正在回答

3 回答

慕工程0085948
2017-07-27

为什么只增加padding-top和padding-left?

0 回复 有任何疑惑可以回复我~
收起回答
慕移动1794754
2017-07-23

具体我也不清楚，不过边框里面的字写多点儿显示就是设置的样式。

可为啥边框变大原因我就不知道原因了。

0 回复 有任何疑惑可以回复我~
收起回答
#1

菜鸟Kira 提问者

嗯，我在别的论坛里找到答案了，是那个用月饼盒讲盒子模型的视频讲的不严谨导致钻牛角尖了
2017-07-24 回复 有任何疑惑可以回复我~
#2

慕移动1794754 回复 菜鸟Kira 提问者

那你能告诉下我吗？我还不知道咋回事，找了答案，没找到。。。
2017-07-24 回复 有任何疑惑可以回复我~
#3

qq_静默水乡_0 回复 菜鸟Kira 提问者

同上，我也不太清楚，可以把答案发给我吗？谢谢
2017-07-24 回复 有任何疑惑可以回复我~
#4

菜鸟Kira 提问者

回楼上两位，padding:top right bottom right这个只是语法顺序并不是执行顺序，还是从上到下，从左到右。至于盒模型大小就是被那个视频误解了，以width为例，一个盒模型的width=(margin-left)+(左边框的宽度)+(padding-left)+(actual content的宽度)+(padding-right)+(右边框的宽度)+(margin-right)，既然padding-left和right都增加了,那么盒的width也必然增加了
2017-07-26 回复 有任何疑惑可以回复我~
#5

科里昂 回复 菜鸟Kira 提问者

10px”的意识是为左右padding各增加10px，而不是将盒子模型的左右padding都设置为10px是吗
2017-08-01 回复 有任何疑惑可以回复我~
#6

科里昂 回复 菜鸟Kira 提问者

你的意思是“padding:10px”的意思是为左右padding各增加10px，而不是将盒子模型的左右padding都设置为10px是吗
2017-08-01 回复 有任何疑惑可以回复我~
查看3条回复
猪小小屁
2017-07-18

你把盒子模型还没有搞清楚，先把那个模型彻底搞清楚了再说

0 回复 有任何疑惑可以回复我~
收起回答
#1

菜鸟Kira 提问者

不回答就别BB。。
2017-07-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225812    人
  • 解答问题       18234    个

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

进入课程

本课相似问答

5 回答为什么box2没有写width和height

4 回答如果一个div同时用width，height，left，top，bottom，right修饰

1 回答text-align 我分别写了left、right、top、down，为什么top和down没有效果？

2 回答rows和cols 怎么用height和width代替

4 回答top和bottom right和left 同时设只有一个有效吧？
搜索更多本课相关问答

为什么只有top和left起作用了，并且width和height也变大了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信