如何修复侧边栏菜单CSS？

我的侧边栏菜单有问题。当点击切换按钮时，页面会向右移动。问题是我希望侧栏菜单位于页面旁边，就像图片中的示例一样。另外，当我向下滚动到页面时，我希望侧栏菜单是固定的。我只使用css

@介质（最大宽度：575px）{
.navbar品牌{
页边距底部：0；
}
.滑出侧边栏{
位置：固定；
顶部：0px；
左-80%；
身高：100%；
背景色：#fff；
过渡：所有.15秒轻松进出；
-webkit盒阴影：嵌入-15px 0px 10px-15px rgba（0,0,0,0.75）；
盒影：插入-15px 0px 10px-15px rgba（0,0,0,0.75）；
}
.滑出侧边栏ul li{
显示：块！重要；
光标：指针；
填充：10px 10px；
字母间距：1px；
字号：700；
字体大小：15px；
颜色：#0d6490；
保证金：0；
}
.滑出侧边栏按钮{
字体大小：1rem！重要；
宽度：220px；
高度：37像素；
}
.navbar品牌{
宽度：12雷姆；
高度：3.2rem；
左边距：50像素；
}
.容器内容{
位置：相对位置；
左：0px；
}
#菜单切换{
显示：无；
}
.菜单图标{
位置：固定；
顶部：5px；
左：5px；
字体大小：35px；
z指数：1；
过渡：全部15秒，轻松进出；
填充：5px15px；
背景色：透明；
}
#菜单切换：选中~。滑出侧边栏{
左：0；
}
#菜单切换：选中+菜单图标{
左：250px；
}
#菜单切换：选中~容器内容{
-webkit转换：translateX（80%）；
转化：translateX（80%）；
过渡：所有.15秒轻松进出；
}

ББББАⅨ




МК
| 
EN


0

Hi Sarah。您应该更新问题中的代码，使其重现问题（因此，当我们单击“运行代码片段”时，或多或少可以看到您提供的图像中的内容）。例如，看起来您使用的是引导，但代码段中没有。您也可以使用placeholder.com中的占位符替换图像。很难判断问题当前状态的真正问题是什么。这可能会有所帮助。当我单击切换图标时，菜单和您应该更新问题中的代码，使其重现问题（因此，当我们单击“运行代码片段”时，或多或少可以看到您提供的图像中的内容）。例如，看起来您使用的是引导，但代码段中没有。您也可以使用placeholder.com中的占位符替换图像。很难判断问题当前状态的真正问题是什么。这可能会有所帮助。当我单击切换图标时，菜单和e内容。