                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之margin

关于margin-bottom实现下方留白的效果

如果父元素不设置overflow：hidden的话，是看不出来效果的，很奇怪，你们没有发现这个问题吗

冷寒轩111

2017-10-22

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

关注问题我要回答

1101

操作

收起

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; /*照片高度要大于父元素高度，不然不会出现滚动条*/
}