JQueryドロップダウンを正しい場所に表示するにはどうすればいいですか？

Question

私はJQueryに慣れていませんし、CSSにはあまりよく似ていませんが、それにもかかわらず自分自身でそれに取り組んでいます。ですから、基本的にはここに私のジレンマがあります：

私は画像をクリックして、小さなログインボックスがslideToggleを使ってドロップする単純なjqueryスクリプトを持っています。私は誰かがこれを行うためにすでに書かれたスクリプトを取ったが、そのスクリプトはposition: relativeだったので、それが落ちると、残りの要素を押し込むだろう。 position: absoluteに変更して、上に表示されるようにしましたが、画像の下には表示されません。画面の左側に表示されます。私はこれがブロックや何かと関係があると思っています（左側の次の大きなコンテナに出現するようなものですか？）が、私の知っていることはかなり小さいと言いました。

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

それはディスプレイ持っている：ここで

は少しメニューがどのように見えるかを決定するためにCSSのコードでそれが最初に表示されないように、どれを（あなたはそれが表示されるよう画像をクリックする必要があります）、それ以外のものはあまり面白くないかもしれない。私はそれをフロートし、正しい場所に現れるようにするためにこれに追加できるタグや属性がありますか？私がここに置いた少量の情報を与えられれば、誰かがなぜそれが左に揃うのか教えてもらえますか？

詳細情報が必要な場合はお知らせください。

Answer 1

CSSの左と左を設定してみてください