如何自定義我的下拉菜單

我有一個jQuery下拉菜單，但我的div奇怪地對齊。目前，下拉菜單的父級div位於頁面的右上角，紅色下拉列表朝向屏幕末端對齊。如何對齊下拉框，使其右側與箭頭的右側邊界對齊？如何自定義我的下拉菜單

這是當前的行爲：

這裏是我的CSS：

#jsddm { 
    margin:0; 
    padding:0; 
} 
#jsddm li { 
    float:left; 
    list-style:none; 
    font:12px Tahoma,Arial; 
} 
#jsddm li a { 
    display:block; 
    padding:13px 12px; 
    text-align:left; 
    text-decoration:none; 
    white-space:nowrap; 
} 
#jsddm li a:hover { 
    border:1px solid #333; 
    padding:13px 12px; 
    text-align:left; 
    text-decoration:none; 
    white-space:nowrap; 
} 
#jsddm li ul { 
    margin:0; 
    padding:0; 
    position:absolute; 
    visibility:hidden; 
    border-top:1px solid white; 
} 
#jsddm li ul li { 
    float:none; 
    display:inline; 
} 
#jsddm li ul li a { 
    width:auto; 
    background:#9F1B1B; 
} 
#jsddm li ul li a:hover { 
    background: #7F1616; 
}

來源

2011-12-30 Farreal

你可以添加的jsfiddle例子嗎？如果我們知道實際的HTML，我們可以更好地爲您提供幫助:-) – Flater 2011-12-30 12:19:52

必須看到HTML。 – Scott 2011-12-30 12:21:14

嘗試添加以下到您現有的CSS選擇器::

#jsddm li { 
    position:relative; 
} 

#jsddm li ul { 
    right:0; 
}

直播示例（使用自HT以來的簡化標記ML不寫這篇文章的時間在內）：

http://jsfiddle.net/u6QtX/2/

來源

2011-12-30 12:37:07 Meligy

謝謝穆罕默德 – Farreal 2011-12-30 13:23:18

如何自定義我的下拉菜單

回答

相關問題