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

margin与padding的问题

为啥我写margin：1px 20px 37px 30px; 就看不见背景图？输入padding：1px 20px 37px 30px;就可以看到背景图呢？是否与盒子3D模型层次关系有关？？因为padding在第二层 margin在第5层 5层把背景图挡住了？

SucraM

2015-12-13

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

关注问题我要回答

875

操作

收起

3 回答

Joy_Sang
2015-12-14

你可以这样写background: url(../XXX.png) no-repeat 10px 20px;

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

收起回答

echo_kinchao
2015-12-14

不影响的你看看是不是 Background的图片设置有问题

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

收起回答

慕男婶
2015-12-14

不是的。

margin是外边距，就是盒子与盒子之间的距离。

padding是内边距，根据盒子模型可知，盒子的宽高也算上内边距，

而背景图是从padding开始渲染的，所以你能看到背景。

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

收起回答

0/150

提交

取消

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

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

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

进入课程

margin与padding的问题

我要回答关注问题

热搜

最近搜索清空

margin与padding的问题

3 回答

margin与padding的问题