如何讓JQuery下拉菜單出現在正確的位置？

Question

我對JQuery並不熟悉，我對CSS不太熟悉，但是我發現自己正在使用它。所以，基本上這是我的困境：

我有一個簡單的jQuery腳本，你點擊一個圖像和一個小登錄框下拉使用slideToggle。我拿了一個有人已經寫過的腳本來做這個，但是他們的腳本有position: relative，所以它會在其它元素掉落時推動其餘的元素。我將其更改爲position: absolute，以便它出現在頂部，但現在它不出現在圖像下方，它出現在屏幕的左側。我認爲這與塊或其他方面有關（比如它出現在左邊下一個最大的容器中，或者什麼東西？），但是就像我說過的，我對此的瞭解很少。

這裏是CSS代碼，以確定小菜單的樣子：

.menu_body {display:none; width:200px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675; position: absolute;} 

它有一個顯示：無，這樣它不會在第一次出現（您必須單擊圖像，使其出現），其他所有內容可能都不太有趣。是否有一些標籤或屬性可以添加到此以使其浮動以及出現在正確的位置？鑑於我在這裏提供的少量信息，誰能告訴我爲什麼它與左邊對齊？

讓我知道你是否需要更多信息。

Answer 1

嘗試設置頂部和左側在CSS