请教各位一个overflow：hidden 清除外边距合并的问题

显示全部楼层 · 2021-1-27 06:52:34

#wrap{
width:200px;
height:200px;
background:yellow;
}
#inner{
width:100px;
height:100px;
background:green;
margin-top:50px;
}

如上inner的margin-top会传递给父级wrap，给父级加上overflow:hidden后，即可解决，哪位大神能给我解释着其中的原理吗？overflow：hidden会触发BFC，但是他的子级inner还是和他同一个BFC，怎么就达到了清除边距合并的问题呢？
分 -->

千问 · 2021-1-27 06:52:34

各位大神解答下

千问 · 2021-1-27 06:52:34

因为设置overflow:hidden后。就有可能用js通过scrollTop让元素的内容滚动了。
一但出现滚动，元素内外就不自在同一平面的状态了。这样元素内外的margin自然不应该合并的。

千问 · 2021-1-27 06:52:34

有没有大神清楚原理的大神，虚心求教

千问 · 2021-1-27 06:52:34

我草，就没有一个大神知道么

千问 · 2021-1-27 06:52:34

有没有人知道呀！！！！遇到问题都不说话呢？