如果元素后面没有文本，则margin bottom不起作用

Question

仅当我在带有空白的元素后添加一些文本时，空白才会生效。

完整的代码位于pastebin中，因为对于stackoverflow而言，这将是太多的代码。

html-> https://pastebin.com/UAHmzQNW

scss-> https://pastebin.com/Tt1CggYe

具有边距的字段的scss样式：

.form {
    // ...
    &__field {
        display: flex;
        flex-flow: column;
        margin-bottom: 16px;
    }
}

查看以下图片：https://imgur.com/a/X36yqio