Javascript MegaMenu JS-右对齐

我正在使用MegaMenu JS在鼠标悬停时创建一个大的下拉菜单。 我想右对齐菜单，使菜单项位于菜单的右侧。我已经尝试添加了“向右拉”，但这使得下拉列表也向右拉，而不是100%宽度。我还尝试使用具有不同大小的列的行，但这也会导致下拉列表大小调整为该列大小，目标是使下拉列表在悬停时具有100%的宽度

$（文档）.ready（函数（）{
“严格使用”；
$（'.menu>ul>li:has（>ul'）.addClass（'menu-dropdown-icon'）；
$（'.menu>ul>li>ul:not（：has（ul）））.addClass（'normal-sub'）；
$（“.menu>ul”）。在（“”）之前；
$（“.menu>ul>li”）.hover（函数（e）{
如果（$（窗口）.width（）>943）{
$（此）.children（“ul”）.stop（真、假）.fadeToggle（150）；
e、 预防默认值（）；
}
});
$（“.menu>ul>li”）。单击（函数（）{
如果（$（窗口）.width（）ul{
保证金：0自动；
宽度：100%；
列表样式：无；
填充：0；
位置：相对位置；
/*如果.菜单位置=相对->ul=容器宽度，否则ul=100%宽度*/
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.menu>ul:之前，
.菜单>保险商实验室：之后{
内容：“；
显示：表格；
}
.菜单>保险商实验室：之后{
明确：两者皆有；
}
.menu>ul>li{
浮动：左；
背景：#fff；
填充：0；
保证金：0；
}
.menu>ul>LIA{
文字装饰：无；
填充物：1.5em 3em；
显示：块；
填充顶部：30px；
}
.menu>ul>LIA:悬停{
背景：透明；
}
.menu>ul>li>ul{
显示：无；
宽度：100%；
背景：#fff；
位置：绝对位置；
z指数：99；
左：0；
保证金：0；
列表样式：无；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
填充底部：60px；
填充顶部：30px；
溢出：隐藏；
}
.menu>ul>li>ul:之前，
.menu>ul>li>ul:之后{
内容：“；
显示：表格；
}
.menu>ul>li>ul:之后{
明确：两者皆有；
}
.menu>ul>li>ul>li{
保证金：0；
填充底部：0；
列表样式：无；
宽度：25%；
背景：无；
浮动：左；
}
.menu>ul>li>ul>li span{
对齐内容：居中对齐；
文本对齐：居中；
显示：块；
}
.菜单>保险商实验室>保险商实验室>保险商实验室>保险商实验室{
填充：.2em 0；
宽度：95%；
显示：块；
文本对齐：居中；
}
.menu>ul>li>ul>li>ul{
显示：块；
填充：0；
利润率：10px0；
列表样式：无；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.menu>ul>li>ul>li>ul:之前，
.menu>ul>li>ul>li>ul:之后{
内容：“；
显示：表格；
}
.menu>ul>li>ul>li>ul:之后{
明确：两者皆有；
}
.menu>ul>li>ul>li>ul>li{
浮动：左；
宽度：100%；
保证金：0；
字体大小：13px；
文本对齐：居中；
}
.menu>ul>li>ul>li>ul>LIA{
边界：0；
}
.menu>ul>li>ul.normal-sub{
宽度：300px；
左：自动；
填充：10px 20px；
}
.menu>ul>li>ul.normal sub>li{
宽度：100%；
}
.menu>ul>li>ul.normal sub>LIA{
边界：0；
填充：1em 0；
}
@仅介质屏幕和（最大宽度：959px）{
.菜单容器{
宽度：100%；
}
.移动菜单{
显示：块；
}
.菜单下拉图标：之前{
显示：块；
}
.菜单{
z指数：999；
}
.menu>ul{
显示：无；
}
.menu>ul>li{
宽度：100%；
浮动：无；
显示：块；
}
.menu>ul>LIA{
填充：1.5em；
宽度：100%；
显示：块；
}
.menu>ul>LIA:悬停{
背景色：透明！重要；
}
.menu>ul>li>ul{
位置：相对位置；
}
.menu>ul>li>ul.normal-sub{
宽度：100%；
}
.menu>ul>li>ul>li{
浮动：无；
宽度：100%；
边缘顶部：20px；
}
.menu>ul>li>ul>li:第一个孩子{
保证金：0；
}
.menu>ul>li>ul>li>ul{
位置：相对位置；
}
.menu>ul>li>ul>li>ul>li{
浮动：无；
}
.菜单。在手机上显示{
显示：块；
}
}

产品

描述



产品

描述



产品

描述



产品

描述

您是否修复了此问题？我有相同的问题。没有，我无法修复它。我现在已将其左对齐。