最近我遇到了边距问题,但我无法解决它。
我的 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 修复了这个问题,但也许有更好的方法?
再次强调 - 您必须了解边距的解释方式。边距指的是另一个元素的位置不包括它的边距。您不能对保证金求和。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)