小编adi*_*i86的帖子

最近我有边距问题,但我无法解决它.我的HTML看起来像这样:

<div class="info-box">Some text</div>
<div class="form">...</div>

CSS:

.info-box{
    border-radius: 5px;
    border: 1px solid red;
    margin-bottom: 20px;
}

.form{
    margin-top: 20px;
}

问题是边距相互重叠,而不是两个元素之间的距离为40px.

我的问题是:为什么？我发现添加到.info-box overflow:hidden修复了这个但也许有更好的方法？