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

课程

/前端开发

/HTML/CSS

/网页布局基础

盒子模型分的5个层次是什么关系？每个层次都是什么？

每个层次都代表什么？第5层比第4层大的话，是不是就看不见第4层了？或者有什么其他的关系吗？

请大神指点，越详细越好，新人感激不尽！

那谁很靠谱3587144

2016-12-19

源自：网页布局基础  2-5

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

正在回答

1 回答

Evensyell 回答被采纳 +3 积分
2016-12-19

http://img1.sycdn.imooc.com//5857b7e1000115bb24001350.jpg

如图，你可以理解为5张纸按顺序叠到了一起（border就是中空的纸框）。而我们是从上往下看的，所以，第5层是绝不会挡住第四层的（想想两张纸叠到一起而小的在上面），倒是第4层比第5层大的话看不见第5层。

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

那谁很靠谱3587144 提问者

多谢大神！
2016-12-20 回复 有任何疑惑可以回复我~
#2

Evensyell 回复 那谁很靠谱3587144 提问者

其实同是正在学习的萌新呐，只不过可能领先几个小时而已，都加油！
2016-12-20 回复 有任何疑惑可以回复我~
#3

帅弟弟 回复 Evensyell

我想请教个问题，为什么填充是在背景图片之上，不是应该在背景图片的下面吗 从图片上看，填充似乎盖过了 背景图片。
2017-01-17 回复 有任何疑惑可以回复我~
#4

Evensyell 回复 帅弟弟

你指的“填充”是？content是内容，padding是内边距，background-image是背景图，background-color是背景色。填充？我想你问的应该是定义上的问题~~
2017-01-18 回复 有任何疑惑可以回复我~
#5

帅弟弟 回复 Evensyell

我说的填充是内边距..应该叫内填充。。
2017-02-02 回复 有任何疑惑可以回复我~
#6

失落夜 回复 帅弟弟

你可以这么理解，border第一层到margin最后一层，就是纸张大小的问题，最上面纸张最小，最下面纸张最大
2017-02-08 回复 有任何疑惑可以回复我~
#7

精慕门2613551 回复 帅弟弟

我理解的是 padding内边距是一个占位置的PNG透明图层 它确实在背景图之上但是看不出来因为是透明的 它所占的位置和conect加到一起才是blackground显示的范围
2017-03-16 回复 有任何疑惑可以回复我~
#8

落雨季 回复 帅弟弟

你看错了啊，填充在background-image的下面
2017-04-09 回复 有任何疑惑可以回复我~
查看5条回复

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

进入课程

盒子模型分的5个层次是什么关系？每个层次都是什么？

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