CSS /菜單：如何定位元素右下方/元素旁邊

目前下拉菜單看起來像

爲了解決第一個問題，我可以添加一個margin-top給孩子ul來補償p添加列表項http://jsfiddle.net/ADxne/1/

.horMenu > li > ul { 
    margin-top: 10px; 
}

但對於第二個問題沒有一個固定的寬度列表或列表項目，是有辦法的子菜單位置列表項的吧？或者是設置固定寬度的唯一方法？ http://jsfiddle.net/ADxne/2/

2011-01-08 Jiew Meng

您可以對.horMenu ul ul使用絕對定位，然後將其移至右側。還要添加一個固定的寬度。因此，與該.horMenu ul ul以上將被修改爲以下內容：

.horMenu ul ul { 
    left: 80px; 
    position: absolute; 
    top: 0; 
    width: 80px; 
}

檢查一個活生生的例子：http://jsfiddle.net/ADxne/3/

2011-01-08 09:04:09 Sotiris

回答