jquery下拉菜單，如何在我的容器div中定位

Question

我在頁面頂部有一個固定位置菜單，裏面是一個帶菜單項和.container類的div，以便居中和限制寬度。我似乎無法弄清楚如何限制我的下拉菜單留在.container類寬度限制。它會繼續向右移動，並會根據頁面寬度而被切斷。任何幫助真的很感激。

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

Answer 1

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; 
} 

Answer 2

你可能需要確保您.container使用基於百分比寬度。

您的菜單浮在容器的右側...因此，如果容器設置爲500px，但瀏覽器爲400px，則菜單將被切斷。