                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁(yè)簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則

為什么添加內(nèi)外邊距就能使圖片顯示出來(lái)？

為什么只是邊距的問(wèn)題

qq_蘇小爺是只小都比_0

2016-10-14

源自：網(wǎng)頁(yè)簡(jiǎn)單布局之結(jié)構(gòu)與表現(xiàn)原則 3-3

關(guān)注問(wèn)題我要回答

1608

操作

收起

2 回答

wyc2410 回答被采納 +3 積分
2016-10-14

盒子模型是分層的， padding 是在 background-image 的上一層，不設(shè)置 padding就被擋住了。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_蘇小爺是只小都比_0 提問(wèn)者

非常感謝！

2016-10-18 回復(fù) 有任何疑惑可以回復(fù)我~

Mary大狗狗
2016-10-17

不設(shè)置邊距時(shí)，內(nèi)容即香水占滿了整個(gè)盒子，因此看不到花紋，如果設(shè)置了邊距，內(nèi)容與邊框產(chǎn)生了空隙，花紋就漏出來(lái)了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕粉3571414

那就等于說(shuō)原先這個(gè)盒子是不漏底的，現(xiàn)在加了padding原來(lái)被content遮蓋的地方就摳了個(gè)洞放content，遮住的露出來(lái)了是嗎？

2016-11-12 回復(fù) 有任何疑惑可以回復(fù)我~

#2

慕蓋茨0487065 回復(fù) 慕粉3571414

盒子模型第一層是邊框，第二層是內(nèi)容和內(nèi)邊距，第三層是背景圖片。舉個(gè)例子，在一個(gè)div中內(nèi)外邊距都是需要我們?nèi)ピO(shè)置的。img中也是同樣的道理，padding就是你所謂的扣了個(gè)洞。因?yàn)閮?nèi)容區(qū)即圖片在背景圖片之前，就好比管中窺豹，所以在背景圖片大于內(nèi)容區(qū)的情況之下，設(shè)置padding才能從視覺(jué)上看到背景圖片。

2017-06-29 回復(fù) 有任何疑惑可以回復(fù)我~