小编adi*_*i86的帖子

CSS边距重叠而不是给出距离

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

<div class="info-box">Some text</div>
<div class="form">...</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

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

.form{
    margin-top: 20px;
}
Run Code Online (Sandbox Code Playgroud)

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

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

html css

13
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1