                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

为什么添加内外边距就能使图片显示出来？

为什么只是边距的问题

qq_苏小爷是只小都比_0

2016-10-14

源自：网页简单布局之结构与表现原则 3-3

关注问题我要回答

1576

操作

收起

2 回答

wyc2410 回答被采纳 +3 积分
2016-10-14

盒子模型是分层的， padding 是在 background-image 的上一层，不设置 padding就被挡住了。

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

收起回答

qq_苏小爷是只小都比_0 提问者

非常感谢！

2016-10-18 回复有任何疑惑可以回复我~

Mary大狗狗
2016-10-17

不设置边距时，内容即香水占满了整个盒子，因此看不到花纹，如果设置了边距，内容与边框产生了空隙，花纹就漏出来了

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

收起回答

慕粉3571414

那就等于说原先这个盒子是不漏底的，现在加了padding原来被content遮盖的地方就抠了个洞放content，遮住的露出来了是吗？

2016-11-12 回复有任何疑惑可以回复我~

慕盖茨0487065 回复慕粉3571414

盒子模型第一层是边框，第二层是内容和内边距，第三层是背景图片。举个例子，在一个div中内外边距都是需要我们去设置的。img中也是同样的道理，padding就是你所谓的扣了个洞。因为内容区即图片在背景图片之前，就好比管中窥豹，所以在背景图片大于内容区的情况之下，设置padding才能从视觉上看到背景图片。

2017-06-29 回复有任何疑惑可以回复我~

0/150

提交

取消

网页简单布局之结构与表现原则

参与学习 108319 人
解答问题 375 个

入门必杀技之结构与表现相分离，课程会有3个案例，不同角度讲解

进入课程

为什么添加内外边距就能使图片显示出来？

我要回答关注问题

热搜

最近搜索清空

为什么添加内外边距就能使图片显示出来？

2 回答

为什么添加内外边距就能使图片显示出来？