Question

我在我的网站上添加了多级菜单，但我似乎无法将它们悬停在左侧或右侧。当您单击菜单“ZIEN”并将鼠标悬停在第一个“BRILLEN”上时，子菜单将显示在下方而不是左侧或右侧（这是我的愿望）。有人有任何提示吗？

我希望我的解释清楚。

非常感谢！

抱歉忘记了链接：http://turnhoutoptiek.nl/index2.html

感谢awnser！我一直在寻找更远的东西并想出了下一件事：我从具有此class =“dropdown-menu dropdown-submenu”的类中删除了“dropdown-submenu”并在css中更改了此内容：

.dropdown-submenu > .dropdown-menu
{
width:220px;
top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

为：

.dropdown-submenu > .dropdown-menu
{
width:220px;
top:0;
    left:100% !important;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

Answer 1

您可以将子菜单位置设置为relative，然后将左侧值设置为所需的宽度

<style>
    .dropdown-submenu{position: relative; left:100px;}
</style>

多级菜单不会向左或向右悬停

1 个答案: