2014-01-24 46 views
0

我在我的网站上添加了多级菜单,但似乎无法让它们悬停在左侧或右侧。当你点击菜单“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; 
} 

回答

0

可以设置子菜单位置相对,然后设置一个左值一样宽需要

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