下拉菜單會破壞其他標簽

Question

我正在使用帶有下拉菜單的導航欄（稍后將添加另一個菜單）。 按下下拉菜單后，會將所有導航鏈接移到右側。 所需的行為是所有導航鏈接都是靜態的。 我嘗試在li標簽上使用absolute CSS的div上使用fixed ，但IE會將li標簽呈現在父div之外。

我當前的實現是使用float:left但這也無法產生預期的結果。 下拉菜單是標有“ Solace”的菜單。 任何幫助或建議，表示贊賞。 我創建了一個演示我的問題的演示。 http://jsfiddle.net/xbB4M/1/ 。

另外，還有一個側面問題。 如果需要新職位，請告訴我，我將打開一個新問題。 每當用戶單擊下拉菜單時，如何監聽下一次鼠標單擊以關閉下拉菜單？

Answer 1

如果為.menu類提供absolute位置，則應停止其他菜單項向右滑動。 至於第二個問題，如果您檢查工作示例，則為菜單項添加了另一個click事件處理程序，如果單擊了它們，它將關閉菜單。

試試看：

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

工作示例： http : //jsfiddle.net/fewds/xbB4M/5/