如何让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