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

为什么没加padding之前图片没有背景？

padding值没有怎么没有显示背景

初夏雪

2016-07-13

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

关注问题我要回答

942

操作

收起

2 回答

六星无芒D覃回答被采纳 +3 积分
2016-07-13

img图片把背景图片遮挡住了，使用padding设置属性把img的盒子模型实际宽度和高度增加，使得img背景图片层显示出来

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

收起回答

初夏雪提问者

非常感谢！

2016-07-14 回复有任何疑惑可以回复我~

Vzeo丶
2016-07-18

盒子的立体模型有五个部分：1 边框 2 内边距+内容（这里指的就是香水） 3 背景图 4 背景颜色 5 外边距

当你没有设置padding的时候；你的图片（香水）大小占据整个img盒子，挡住了背景图片，所以你看不到。

但是当你设置了padding，图片（香水）在img盒子的相对位置改变了，所以背景图片就显示出来了。

如果还是不清楚的话，你可以给img加上边框border:1px solid #ccc;这样你可以看得更明白。

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

收起回答

慕桂英3588515

理解了半天，是不是增加了内边距，边框跟着变大，所以又抻大了外边框？？？求大神解答

2016-07-30 回复有任何疑惑可以回复我~

Vzeo丶回复慕桂英3588515

外边框没有扩大啊。你设置了padding，就是内容到外边框的距离，外边框并没有变。一起交流，并不是大神。。

2016-07-31 回复有任何疑惑可以回复我~

慕桂英3588515 回复 Vzeo丶

谢谢，现在明白了

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

0/150

提交

取消

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

参与学习 108277 人
解答问题 395 个

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

进入课程

为什么没加padding之前图片没有背景？

我要回答关注问题

热搜

最近搜索清空

为什么没加padding之前图片没有背景？

2 回答

为什么没加padding之前图片没有背景？