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

我有三個(gè)

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

問(wèn)題是當(dāng)我想設(shè)置margin-bottom到我的內(nèi)容元素。

半鑄鋼?鋼性鑄鐵(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;
}

來(lái)自bootstrap的導(dǎo)航條: class = & quotnavbar navbar-擴(kuò)展navbar-輕型navbar-BG & quot；

另外，在我的內(nèi)容div中，我有網(wǎng)站的主體，這些主體都在div類(lèi)包裝器中:

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

}

在我的包裝中增加底部空白不會(huì)改變?nèi)魏问虑椤?我能幫忙找出我哪里有問(wèn)題嗎？