                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /CSS深入理解之margin

關于margin-bottom實現下方留白的效果

如果父元素不設置overflow：hidden的話，是看不出來效果的，很奇怪，你們沒有發現這個問題嗎

冷寒軒111

2017-10-22

源自：CSS深入理解之margin 1-1

關注問題我要回答

1159

操作

收起

2 回答

weixin_慕沐8485017
2020-08-13

overflow:?auto;

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

收起回答

qq_白菜_15
2019-08-04

我不清楚你這是什么意思，我只能描述視頻說的是什么意思

div?{
????overflow:?auto;?/*?產生滾動條,?觸發bfc，防止父子元素margin重疊*/
????height:?300px;?/*假設父元素高度為300px*/
}
img?{
????margin:50px?auto;?/*上下間距為50px，?左右居中*/
????height:?500px;?/*照片高度要大于父元素高度，不然不會出現滾動條*/
}