Jquery下拉菜单，如何在我的容器div中定位

Question

我的页面顶部有一个固定的位置菜单，里面是带有菜单项和.container类的div，以便居中和限制宽度。我似乎无法弄清楚如何限制我的下拉菜单以保持.container类宽度限制。它会向右移动并根据页面宽度被切断。任何帮助都非常感谢。

http://jsfiddle.net/rKaPN/47/

Answer 1

您可能需要确保.container使用基于百分比的宽度。

您的菜单浮动在容器的右侧...因此，如果容器设置为500px，但您的浏览器为400px，则您的菜单将被切断。

Answer 2

http://jsfiddle.net/rKaPN/51/

更改：

//fixed so submenu will be relative to menuitem
.menu ul li{
    padding:0;
    float:left;
    position:relative;
}

//if a rightmenu, float right instead of left
li.menu-right.drop-down ul{
    display:block !important;
    position:absolute;
    right:0;
}