Jquery 如何使div在下拉菜单中按下另一个div

我使用divs制作了一个下拉菜单（垂直），但我无法让下拉内容向下推另一个菜单（它溢出）

我注意到，当我将代码放入JSFIDLE时，它根本不显示下拉列表，所以我希望这张图片能有所帮助

/*jQuery时间*/
$（文档）.ready（函数（）{
$（“#侧边栏_menu.dropbtn”）。单击（函数（）{
//向上滑动所有链接列表
$（“#侧边栏#菜单.下拉内容”）.slideUp（）；
//向下滑动h3下的链接列表-仅当其已关闭时
如果（！$（this）.next（）是（“：可见”））{
$（this.next（）.slideDown（）；
}
})
})

#菜单#u容器{
显示：块；
位置：固定；
宽度：250px；
背景图片：url（“D:/Website/Website/MyBB_-Website/Test/images/black_-filter.jpg”）；
背景重复：重复；
身高：100%；
}
#侧边栏菜单{
边缘顶部：15px；
}
/*容器-需要定位下拉内容*/
#侧边栏菜单。下拉菜单{
位置：相对位置；
显示：内联块；
}
/*设置下拉按钮的样式*/
#侧边栏菜单。dropbtn{
背景色：#2383AF；
颜色：白色；
填充：12px；
字体大小：15px；
边界：无；
光标：指针；
宽度：250px；
}
/*下拉内容（默认情况下隐藏）*/
#侧边栏菜单。下拉式内容{
显示：无；
位置：绝对位置；
背景色：#185E7C；
最小宽度：250px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
/*下拉列表中的链接*/
#侧边栏菜单。下拉式内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
/*更改悬停时下拉链接的颜色*/
#侧边栏菜单。下拉内容a：悬停{
背景色：#f1f1；
}
/*悬停时显示下拉菜单*/
#侧栏菜单下拉：悬停。下拉内容{
显示：块；
}
/*显示下拉内容时，更改下拉按钮的背景色*/
#侧栏菜单。下拉菜单：悬停。下拉菜单{
背景色：#2383AF；
}

登录
登记
密码丢失了？

---

应该有位置：静态而不是绝对。

回答得很好，我要补充的是浏览器的默认位置是静态的，所以只需删除该行即可。

#sidebar_menu .dropdown-content