Javascript 侧导航栏应从右侧打开，而不是从左侧打开

我有一个简单的javascript，可以为我打开一个侧栏，但我希望它位于右侧，而不是左侧。请参阅下面的gif和代码。有人知道我需要做什么来解决这个问题吗？非常感谢您可能添加的任何解释，以便我更好地理解此代码。我试图自己修复它，但我一直无法找到它出现在屏幕哪一侧的确切决定因素

。用户菜单
{
填充：0px 10px；
垂直对齐：中间对齐；
身高：100%；
颜色：白色；
字体系列：“Segoe UI”、“Helvetica Neue”、“Helvetica”、“Roboto”、“Oxygen”、“Ubuntu”、“Cantarell”、“Fira Sans”、“Droid Sans”、“Sans serif”；
字体大小：15px；
光标：指针；
显示：块；
浮动：对；
}
.用户菜单li
{
填充：10px；
}
.用户菜单：悬停
{
颜色：白色；背景：#2929；
-o型过渡：颜色。25秒缓进，背景。25秒缓进；
-ms过渡：颜色。25秒缓进，背景。25秒缓进；
-moz过渡：颜色。25秒慢放，背景。25秒慢放；
-webkit过渡：颜色。25秒易出，背景。25秒易入；
/*…现在用正确的CSS属性覆盖*/
过渡：颜色。25秒放松，背景。25秒放松；
背景色：#185886；
}
按钮
{
背景：无；
颜色：继承；
边界：无；
填充：0；
字体：继承；
光标：指针；
大纲：继承；
}
.导航
{
浮动：左；
位置：绝对位置；
宽度：6%；
高度：计算（10vh）；
背景：#333；
顶部：40px；
左-100%；
过渡：.25s；
显示：网格；
}
.导航跨度
{
显示：块；
文本对齐：居中；
边框底部：1px实心rgba（0,0,0,2）；
}
.navigationR.active
{
左：0；
}
李先生
{
身高：100%；
显示：块；
浮动：左；
填充：10px 10px；
垂直对齐：中间对齐；
身高：100%；
颜色：白色；
字体系列：“Segoe UI”、“Helvetica Neue”、“Helvetica”、“Roboto”、“Oxygen”、“Ubuntu”、“Cantarell”、“Fira Sans”、“Droid Sans”、“Sans serif”；
字体大小：15px；
}
.导航范围：悬停
{
颜色：白色；背景：#2929；
-o型过渡：颜色。25秒缓进，背景。25秒缓进；
-ms过渡：颜色。25秒缓进，背景。25秒缓进；
-moz过渡：颜色。25秒慢放，背景。25秒慢放；
-webkit过渡：颜色。25秒易出，背景。25秒易入；
/*…现在用正确的CSS属性覆盖*/
过渡：颜色。25秒放松，背景。25秒放松；
背景色：#185886；
}

注销

注销



$（文档）.ready（函数（）{
$（'.user菜单'）。单击（函数（）{
$（'.navigationR'）.toggleClass（'active'））
})
})

主要原因是以下类别。需要右，而不是左

.navigationR.active 
{
     right: 0;
}

---

此外，您可能还需要将float:right置于.navigationR li上。

通过将float:right而不是left置于以下CSS类上解决了此问题：

.导航{
浮动：对；
右：-100%；}
李先生{
float:right；}
.navigationR.active{
右：0；}
非常感谢大家指出这一点，像这样的简单问题我花了太长时间才发现。

您有

浮动：左可能考虑将其改为<代码>右<代码>，但我已经在这两个代码上做了，但是它没有用，它们仍然在左边。在HTML文件中放“代码>跨度和<代码> Li <代码>内的代码>表单 TAG，然后尝试您的HTML无效（您错过了打开<代码> LI:/COD>标签）。此外，您不需要使用
表单
元素和
提交
按钮来运行一些JavaScript，比如登录或注销。简单的
元素，点击
事件就可以了。@AbhishekPakhare我把它放在表单标签中，像这样：
注销
但不幸的是，它没有解决问题。我这样做的同时添加了float:右上。navigationR li，现在当我尝试滑动打开它时，什么都没有出现。