Javascript 相对于主菜单的子菜单位置

我的菜单在主菜单的第一项上处于活动状态（顶部）：

我遇到的问题是，当用户单击中间、第四个或最后一个主菜单项时，子菜单现在看起来像这样（摆脱一切）：

此外，主菜单将由客户端生成，因此将有第六、第七等菜单。。。所以我不能仅仅用一个类来控制现在的项目

关于如何找到一个css/jquery解决方案，你有什么想法吗？尝试跟随基于设计的第一个图像

这是我的标记：

                <ul id="mainmenu" class="clearfix">
                    <li class="active">
                        <a class="arrowdown" href="javascript:void(0)">ANSIEDAD</a>
                        <ul class="sublist">
                            <li>
                                <a href="javascript:void(0)">Política</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Economía</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Sociedad</a>
                            </li>
                            <li class="active">
                                <a href="javascript:void(0)">Medios</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Inmobiliario</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="javascript:void(0)">PRETENSIÓN</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">HEDONISMO</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">MATERIALISMO</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">ARROGANCIA</a>
                    </li>
                    <li id="menu_search">
                        <a href="javascript:void(0)"></a>
                    </li>
                </ul>

---

尝试给主菜单一个最大宽度。在这种情况下，我假设您希望它的最大宽度为100%

#mainmenu {
    max-width: 100%;
}

---

这将不允许主菜单超过页面宽度。不过，您可能会遇到新的问题。

使用

最大宽度将解决您的问题。

这是一个如何使用“最大宽度”保持子菜单处于选中状态的示例

---

您可以尝试将子菜单的定位点转移到更集中的位置，而不是将子菜单分成两行。就我的2美分。

这个CSS对你有用吗？当然，为什么不起作用？

#mainmenu {
    max-width: 100%;
}