下拉菜單會破壞其他標籤

我正在使用下拉菜單（稍後會再添加一個）在導航欄上工作。按下下拉菜單時，會將所有導航鏈接移至右側。期望的行爲是所有導航鏈接都是靜態的。我試着在div上使用fixed，在li標籤上使用absolute css，但是使用I.E.會在父div之外呈現li標籤。下拉菜單會破壞其他標籤

我目前的實施方案是使用float:left，但這並沒有產生預期的結果。下拉菜單是標有「Solace」的下拉菜單。任何幫助或建議表示讚賞。我創建了一個演示說明我的問題。 http://jsfiddle.net/xbB4M/1/。

另外，一個側面問題。如果這需要一個新的職位，請讓我知道，我會開一個新的問題。每當用戶點擊下拉菜單時，我如何才能聽取下一次鼠標點擊以關閉下拉菜單？

2012-12-30 fbynite

如果你給你的.menu職業absolute職位，它應該停止其他菜單項滑到右側。至於你的第二個問題，如果你檢查工作示例，我爲菜單項添加了另一個單擊事件處理程序，如果它們被單擊，它將關閉菜單。

這給一試：

.menu { 
    margin-top:10px; 
    background-color:#17406B; 
    position: absolute; 
}

2012-12-30 02:26:23 PhearOfRayne

回答