定位第三層的下拉菜單

Question

我在設計CSS下拉菜單的第三層時遇到問題。

我有一個工作的小提琴在這裏向您展示：http://jsfiddle.net/HdFaV/

正如你可以看到，第一個菜單項及其子水平都能夠很好的位置（忽略了第三級的重疊到第2菜單項）。 但是，如果您嘗試第二個菜單項XXXXXXXX的第三級別，它的位置不正確。

我明白，這個問題是由於利潤率左從下面的代碼

/* level 3+ list */ 
#nav ul ul 
{ 
    margin-left: 50px; 
    top: 0px; 
} 

反正是有自動設置利潤率左根據二級菜單項的寬度是多久？或者我是否必須手動爲每一個設置餘裕？ 如：

#nav ul ul:nth-child(1) 
{ 
.... 
} 

等等......？

感謝您的幫助！

b0ssY

Answer 1

#nav ul ul 
{ 
    left:100%; 
    top:0; 
} 

代替使用左邊距使用100％的定位，這將計算出更高的列表項的寬度。