不必要的底部边距被添加到div

Question

在我的wp网站上，有一个注册页面。我已经在其中放置了一个注册表。

页面链接 --> 注册页面

表单被放置在包含类 .form-contain 的 div 中。

.form-contain {
    display: flex;
    align-items: center;
    border: 2px solid #ccc;
}

<div class="form-contain">
  <form> </form>
</div>

我没有添加任何边距（甚至没有添加 margin-bottom），但是在 form-contain div 之后出现了额外的空间。

为什么要添加以及如何删除这个额外的空间？

为此，我尝试了以下方法，但没有成功。

html, body {
    margin: 0;
    padding: 0;
}

Answer 1

在您的样式中，您将 '.form-contain' 设置为 'calc(var(--vh, 1vh) * 100 - 75px)' 导致了问题