我不能為包含表格的元素設置下邊距。

我有三個

<div class="main">
    <div class="navbar">...</div>
    <div class="content">...</div>
</div>

問題是當我想設置margin-bottom到我的內容元素。

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.main {
    width: 100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.content {
    width: 100%;
    display: flex;
    flex: 1;
    overflow: auto;
    padding-top: 0.5rem;
}

來自bootstrap的導航條: class = & quotnavbar navbar-擴展navbar-輕型navbar-BG & quot；

另外，在我的內容div中，我有網站的主體，這些主體都在div類包裝器中:

.wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-bottom: 100px

}

在我的包裝中增加底部空白不會改變任何事情。 我能幫忙找出我哪里有問題嗎？