Html CSS下拉列表中元素的对齐

如何使CSS二级下拉菜单的一部分向左而不是向右

关于第二个下拉列表，我希望第二个下拉列表移到左侧而不是右侧。我尝试过几种不同的方法，但都没有成功。这是代码

谢谢你的帮助！：）

无标题文件
/*在此处更新字体类型和大小*/
* {
保证金：0；
填充：0；
字体系列：Gotham，“Helvetica Neue”，Helvetica，Arial，无衬线；
字体大小：15px；
}
/*更新此处的主水平背景色-当前为NCR绿色*/
#主导航{
背景#54B948；
浮动：左；
-webkit转换：.5s；
过渡：.5s；
}
/*在此处更新单个导航的宽度*/
#主导航李{
浮动：左；
位置：相对位置；
宽度：220px；
列表样式：无；
-webkit转换：.5s；
过渡：.5s；
}
#主导航>ul>li>a{
文本转换：大写；
}
/*更新此处字体的颜色*/
#主导航a{
显示：块；
文字装饰：无；
填充：5px15px；
颜色：#ffffff；
}
#主导航ul{
位置：绝对位置；
左：0；
最高：100%；
可见性：隐藏；
不透明度：0；
}
#主导航{
左：100%；
排名：0；
}
#主导航李：悬停，#主导航李：悬停李{
背景：ddd；
}
/*第一个菜单下拉列表*/
#主导航ul li.菜单ul.下拉li:悬停{
背景：#E14F3C；
}
#主导航菜单1：悬停{
背景：#E14F3C；
}
#主导航ul li.菜单ul.下拉列表{
背景：#b12614；
}
/*结束第一个菜单下拉列表*/
/*第二菜单下拉列表*/
#主导航ul li.菜单ul.下拉ul:悬停{
背景#8080D9；
}
#主导航菜单2：悬停{
背景#8080D9；
}
#主导航ul li.菜单ul.下拉ul{
背景#3435c2；
}
/*结束第二菜单下拉列表*/
/*第三菜单下拉列表*/
#主导航菜单3：悬停{
背景#F4A725；
}
/*第四菜单下拉列表*/
#主导航菜单4：悬停{
背景：#5CD8EE；
}
/*结束第四菜单下拉列表*/
#主导航李：悬停，#主导航李：悬停李{
背景:#bbb ;；
}
#主导航李：悬停{
背景：#999；
}
#主导航李：悬停>ul{
能见度：可见；
不透明度：1；
}

如果希望菜单向左打开，则右侧的

必须为0。因此，不要使用
left:0
或
left:100%
将其更改为
right:0
，如果需要覆盖左侧定位，也可以添加
left:auto

如果这是你的第二个菜单，这里有一个更新的代码

 #main_nav ul ul {
        position: absolute;
        right: 0;
        top: 100%;
        visibility: hidden;
        opacity: 0;
    }

 #main_nav ul ul {
        position: absolute;
        right: 0;
        top: 100%;
        visibility: hidden;
        opacity: 0;
    }