Html 如何使导航栏全宽？

我正在使用Bootstrap4创建一个带有侧菜单和顶部导航栏的布局。 我希望侧菜单从上到下伸展，顶部导航栏从侧菜单伸展到屏幕右侧。我该怎么做？这是我的html和css

html，
身体{
背景色：#F5；
}
身体{
字体系列：“Raleway”，Arial，无衬线；
颜色：rgba（42,49,66,7）；
字体大小：14px；
}
/*侧菜单区*/
navbar先生{
填充：15px 10px；
背景：#fff；
边界：无；
边界半径：0；
边缘底部：40px；
盒影：1px1p3pRGBA（0,0,0,0.1）；
}
.导航栏btn{
盒影：无；
大纲：无！重要；
边界：无；
}
.线路{
宽度：100%；
高度：1px；
边框底部：1px虚线#ddd；
}
.包装纸{
显示器：flex；
宽度：100%；
对齐项目：拉伸；
}
#边栏{
最小宽度：250px；
最大宽度：250px；
背景：#1c2027；
颜色：#fff；
过渡：均为0.3秒；
}
#侧边栏{
左边距：-250px；
}
#边栏。边栏标题{
填充：20px；
背景：#1c2027；
边框底部：1px实心#47748b；
}
#侧栏ul组件{
填充：20px 0px；
边框底部：1px实心#47748b；
}
#边栏{
填充：10px；
字体大小：1.1米；
显示：块；
}
#侧栏ul li a{
填充：10px；
字体大小：1.1米；
显示：块；
颜色：#9ea9b9；
}
#侧边栏ul li a：悬停{
颜色：#9ea9b9；
背景：#2b313c；
文字装饰：无；
}
#侧栏ul li.active>a，
a[aria expanded=“true”]{
颜色：#9ea9b9；
背景：#1c2027；
文字装饰：无；
}
a[data toggle=“collapse”]{
位置：相对位置；
}
.下拉切换：：之后{
显示：块；
位置：绝对位置；
最高：50%；
右：20px；
转化：translateY（-50%）；
}
乌拉{
字体大小：0.9em！重要；
左侧填充：30px！重要；
背景：#242932；
}
#内容{
宽度：100%；
填充：20px；
最小高度：100vh；
过渡：均为0.3秒；
}
@介质（迷宫宽度：768px）{
#边栏{左边距：-250px；}
#侧边栏{
左边距：0px；
}
#边栏坍塌跨距{
显示：无；
}
}

引导边栏






































版权所有

您是否尝试过宽度：100%和

高度：100%侧边栏？
您是否尝试过宽度：100%和
高度：100%用于侧边栏？
刚刚尝试过-当我将其放入内联CSS中时，它可以工作。这意味着在你的外部/内部CSS中一定有什么东西阻止了它。尝试将CSS中的内容更改为。content@PapT是的，就像@IlanaE.Strauss说的。您在
#content{}
中的样式无法应用于
谢谢，这就是问题所在，我刚刚尝试过它-当我将它放入内联CSS中时，它可以工作。这意味着在你的外部/内部CSS中一定有什么东西阻止了它。尝试将CSS中的内容更改为。content@PapT是的，就像@IlanaE.Strauss说的。您在
#content{}
中的样式无法应用于
谢谢，这就是问题所在