61,112
社区成员
发帖
与我相关
我的任务
分享请教各位一个overflow：hidden 清除外边距合并的问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#wrap{
width: 200px;
height: 200px;
background: yellow;
}
#inner{
width: 100px;
height: 100px;
background: green;
margin-top: 50px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="inner">
</div>
</div>
</body>
</html>
如上inner的margin-top会传递给父级wrap，给父级加上overflow:hidden后，即可解决，哪位大神能给我解释着其中的原理吗？overflow：hidden会触发BFC，但是他的子级inner还是和他同一个BFC，怎么就达到了清除边距合并的问题呢？
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#wrap{
width: 200px;
height: 200px;
background: yellow;
}
#inner{
width: 100px;
height: 100px;
background: green;
margin-top: 50px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="inner">
</div>
</div>
</body>
</html>
如上inner的margin-top会传递给父级wrap，给父级加上overflow:hidden后，即可解决，哪位大神能给我解释着其中的原理吗？overflow：hidden会触发BFC，但是他的子级inner还是和他同一个BFC，怎么就达到了清除边距合并的问题呢？
...全文
请发表友善的回复…
发表回复
qq_31339127 2016-07-28
- 打赏
- 举报
有没有人知道呀！！！！遇到问题都不说话呢？
qq_31339127 2016-07-27
- 打赏
- 举报
我草，就没有一个大神知道么
qq_31339127 2016-07-26
- 打赏
- 举报
有没有大神清楚原理的大神，虚心求教
天际的海浪 2016-07-25
- 打赏
- 举报
因为设置overflow:hidden后。就有可能用js通过scrollTop让元素的内容滚动了。
一但出现滚动，元素内外就不自在同一平面的状态了。这样元素内外的margin自然不应该合并的。
qq_31339127 2016-07-25
- 打赏
- 举报
各位大神解答下
