Css 垂直滚动时，下拉内容固定在屏幕上

我想在单击按钮时显示下拉菜单。但下拉菜单不会显示在单击的按钮附近，并且在垂直滚动页面时保持不变。下面是代码

 <div>
     <div onClick={this.handle_click}>
         {toggle}
     </div>
     {this.movie_list.opened &&
         <div className="dropdown_contents">
            {React.Children.map(
                contents,
                (child, index) => { return (
                            child && <div
                                key={index}
                                className="dropdown_item"
                                onClick={this.handle_item_click}>{child} 
                             </div>); }
             )}
          </div>
       }
  </div>);

当我将类下拉包装器添加到上面代码中最顶层的div元素时

<div className="dropdown_wrapper">
            <div onClick={this.handle_click}>
                {toggle}
            </div>

{toggle}

---

下拉菜单不正确可见。我看到它隐藏在其他元素之间。请找人帮忙。谢谢。

您可以将包装上的位置设置为相对位置，并为绝对位置下拉列表元素设置z索引

。下拉菜单\u包装{
位置：相对位置；
}
.下拉菜单内容{
背景颜色：橙色；
宽度：100px；
位置：绝对位置；
最高：100%；
左：0；
z指数：100；
}

按钮
项目
Lorem ipsum dolor sit amet，奉献精英。是否有易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性易读性？蓄积剂具有一定的抗药性，可用于治疗常见的抗药性。莫迪·比泰在埃克岛的一个小镇上尽情享受着生活的乐趣。建筑设计师对非必要性的自然赞誉有多高？事实上，最低限度应适用于合理分配的临时公共部门，但不适用于任何人。“真理之地”必须是“多洛雷·波罗之地”！我们的智慧来自于我们的智慧，我们的智慧来自于我们的智慧

根据最新的法律规定，劳动合同的当事人应具有明确的权利，并应享有最高时间的铜制耳。Illum rem，fugit，quidem temporate excepturi emissionatibus minima enim id similique esse，inventore，quod！消费者是ea吗，值得吗？所有人都有义务承担责任。A、 自然排斥在诺比斯诺斯特鲁姆（nobis nostrum）的周围，它是一个理性的临时建筑设计师。准官方，多洛伦·沃鲁帕特，自由主义者沃鲁帕特斯，错误的官方精神。不可抗力事件（包括生命事件）

麦格纳姆·乌特，魁地安·福吉特·德格尼西莫斯！事实证明，这是一种排斥性的劳动，它是一种真正的责任，是一种惩罚，是一种惩罚！它是一个自由的世界，是一个类似的世界，是一个理性的世界，是一个最小的世界。除发明人享有的最低限度的自由权利外，铜酸盐是一种鸦片、苦艾、苦艾、酒精和维生素。Fugiat nulla、cupiditate eum quam、non vero magnam accusantium、numquam、rem Laboraum rerum quaerat。不需要驱虫剂，因为它是一种有效的驱虫剂，它可以被称为“按惯例”和“解决方案”。这是一份临时性的工作

阿泰克·阿梅特·杜西穆斯·奎布斯丹·沃卢帕斯（Atque amet ducimus quibusdam voluptas）、纳塔斯（recusandae natus）、多洛雷姆库·雷西恩迪斯（doloremque Reiciensis）。除了所有人之外，所有人都可以坐在无责任的自由之身上，因为他们都有类似于被剥夺自由的权利！由于疾病的严重性，除盲肠外，其他重要的疾病都会因疾病、疾病或其他疾病的复发而导致患者在分娩过程中的死亡。此外，还应提供类似的必要条件，包括临时性的、最大的区别。埃尤斯，发明家？这是一个充满活力的集体，是一个有尊严的集体。铜酸盐，赛普，托坦。劳动理由。你说的是什么

除了自由的解决方案之外，我们还可以选择其他解决方案，例如，在选择之前，我们可以选择其他解决方案。诺比斯·尼西·索拉塔（Nobis nisi soluta）是一位杰出的艺术家。奎亚，减去在努姆库阿姆的位置，奎斯夸姆·阿迪皮斯·韦尔塔·奥姆尼斯广场！哎呀，真是太棒了。这是一座充满活力的建筑，是一座小型公共建筑，是一座充满活力的实验室。不含酒精溶液的Debitis nullar autem solute doloribus ipsa hic、智者的软腭、静脉壁、repudiandae、代表尊严的铜酸盐溶液中的accusantium。特内特脸、雀巢、阿利夸姆脸、真正的软绵绵脸都是如此

解释性地说，在合理的情况下，不应妨碍对时间的限制。化名为“非同一种物质的连续性积存物”，是一种在同一种物质的流动性和流动性方面具有同等重要性的物质。接下来，我要说的是，我要说的是，我要说的是，我要说的是。对于暂时性的大体积物质分子，非盲性假设的意识缺失，或对其进行暂时性的治疗，或对其进行治疗。Totam，ea，解释一下。在威尼斯，对rem进行协商，尊重尊严的自由。Consequeuntur、libero、Temperibus

公司的大股东们都在为自己的行为负责。我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是，我要说的是。Nesciunt发明家，suscipit建筑设计师eligendi，nemo omnis minus。这是一个很好的例子。Ullam pariatur，quia quidem molestias dolores，expedita。在amet adipisci和Fugia quam fuga eveniet saepe，所有的软组织和盲肠的暂时性不动产流
<div className="dropdown_wrapper">
            <div onClick={this.handle_click}>
                {toggle}
            </div>