Css 菜单侧边栏的左侧定位不正确'；行不通

大家晚上好，我正在创建我的第一个基本web应用程序，我的前端有问题，我不太擅长这个主题。 我的css html代码有问题。 我有两个菜单，一个侧边栏和一个导航栏。我想把我的菜单（侧边栏）放在左边，但我不能接近这个效果。 我留下一张照片，这样你就可以看到我想要的菜单

$（'sidebarCollapse'）。在（'click'，函数（）{
$（“#边栏”）.toggleClass（'active'）；
});
/*未访问的链接*/
a:链接{
颜色：黑色；
}
/*访问链接*/
a:参观了{
颜色：黑色；
}
/*鼠标悬停链接*/
a:悬停{
颜色：蓝色；
文字装饰：无；
}
/*选定链接*/
a:主动的{
颜色：蓝色；
}
#渲染器{
边际上限：0px；
边缘底部：0px；
右边距：0px；
左边距：0px；
填充顶部：40px；
垫底：0px；
右边填充：0px；
左侧填充：0px；
}
i、 fas，
i、 晶圆厂{
边际上限：0px；
边缘底部：0px；
右边距：5px；
左边距：0px；
填充顶部：0px；
垫底：0px；
右边填充：0px；
左侧填充：0px；
字体大小：25px；
}
a:悬停{
颜色：紫罗兰色；
}
白花鱼{
颜色：红色；
}
青蛙{
颜色：红色；
}
.fa-user-ninja{
不透明度：0.0；
}
.fa脸谱网{
颜色：rgb（59,91,152）；
}
/* ---------------------------------------------------
边栏样式
----------------------------------------------------- */
.包装纸{
}
#边栏{
最小宽度：250px；
最大宽度：250px；
背景#7386D5；
颜色：#fff；
过渡：均为0.3秒；
}
#侧边栏{
左边距：-250px；
}
#边栏。边栏标题{
填充：20px；
背景：#6d7fcc；
}
#侧栏ul组件{
填充：20px0；
边框底部：1px实心#47748b；
}
#边栏{
颜色：#fff；
填充：10px；
}
#侧栏ul li a{
填充：10px；
字体大小：1.1米；
显示：块；
}
#侧边栏ul li a：悬停{
颜色：#7386D5；
背景：#fff；
}
#侧栏ul li.active>a，
a[aria expanded=“true”]{
颜色：#fff；
背景：#6d7fcc；
}
a[data toggle=“collapse”]{
位置：相对位置；
}
.下拉切换：：之后{
显示：块；
位置：绝对位置；
最高：50%；
右：20px；
转化：translateY（-50%）；
}
乌拉{
字体大小：0.9em！重要；
左侧填充：30px！重要；
背景：#6d7fcc；
}
ul.CTAs{
填充：20px；
}
ul.CTAs a{
文本对齐：居中；
字体大小：0.9em！重要；
显示：块；
边界半径：5px；
边缘底部：5px；
}
a、 下载{
背景：#fff；
颜色：#7386D5；
}
a、 文章,，
a、 文章：悬停{
背景：#6d7fcc！重要；
颜色：#fff！重要；
}

@ViewData[“标题”]-测试
引导边栏

假航向


































切换边栏






这是索引

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。在r区有两个人