多级菜单不向左或向右悬停
问题描述:
我在我的网站上添加了多级菜单,但似乎无法让它们悬停在左侧或右侧。当你点击菜单“ZIEN”并将鼠标悬停在第一个“BRILLEN”上时,子菜单将出现在下方而不是左侧或右侧(这是我的愿望)。任何人有任何提示?多级菜单不向左或向右悬停
我希望我的解释清楚。
非常感谢!
对不起忘了链接:http://turnhoutoptiek.nl/index2.html
感谢awnser!我一直在寻找更进一步,并提出了下一件事:我删除了“class dropdown-submenu”,该class =“dropdown-menu 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;
}
答
可以设置子菜单位置相对,然后设置一个左值一样宽需要
<style>
.dropdown-submenu{position: relative; left:100px;}
</style>