Html Can'；t设置容器流体的背景色

只有导航容器获得其背景色，但我希望整个流体容器为黑色

。暗导航{
背景色：#222；
}

*导航栏内容在这里*

这里的问题是容器液体中没有任何内容物，最好的方法是

试试这个或添加一些内容

。暗导航{
背景色：#222；
}
满足于此

容器液体中含有一定的内容物

。暗导航{
背景色：#222；
填充：20px
}
内容简介
一些额外的内容
一些额外的内容
一些额外的内容
一些额外的内容

带有类

容器流体的
div
将只取容器中存在的内容物的高度，在您的示例中，容器内只有
导航栏
。如果要将背景设置为浏览器屏幕的全高，可以使用下面的类

.dark-nav {
  background-color: #222;
  height: 100vh;
  width: 100%;
}

另外，请注意，您需要删除导航栏上的类
暗导航
，因为这也在向导航栏添加相同的背景

请参考下面的例子


/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url（'//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css'）；
身体{
边际：0px；
}
.暗导航{
背景色：#222；
高度：100vh；
宽度：100%；
}

*导航栏内容在这里*
您是否将引导添加到项目中？
.dark-nav {
            background-color: #222;
            padding:20px
        }
<div class="container-fluid dark-nav">
    <nav class="navbar fixed-top navbar-dark dark-nav navbar-expand-lg container">
        content gjoes heere
    </nav>
    <div>
        some extra content
    </div>
    <div>
        some extra content
    </div>
    <div>
        some extra content
    </div>
    <div>
        some extra content
    </div>
</div>

.dark-nav {
  background-color: #222;
  height: 100vh;
  width: 100%;
}