相邻元素之间的margin问题：

让a和b不在同一个bfc内
.box{
border:1px solid red;
width: 400px;
}
.a{

        width: 400px;
        height: 100px;
        background: olivedrab;
        margin-bottom: 100px;
    }
    .b{
        background: #777;
        height: 100px;
        overflow: hidden;
        margin-top: 100px;
    }
    .b-box{
        overflow: hidden;
    }

<div class="box">
<div class="a">我是a</div>
<div class="b-box">
<div class="b">我是b</div>
</div>
</div>
————————————————
版权声明：本文为CSDN博主「UNDERCOVERj」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/github_37037281/article/details/55505825