Javascript 玩z索引

请进来。（我无法在JSFIDLE上重新创建相同的问题。抱歉）问题是，当您按下“推荐”的下拉按钮时，它会更改父div的高度。如何设置父divs边框上的下拉菜单位置？为什么下拉菜单显示白色字体

您的“推荐”按钮实际上不是一个下拉菜单，它是两个按钮和一个看起来像下拉菜单的无序列表。因此，它不会像常规的下拉菜单那样工作和显示，即当您单击它时，它会覆盖在UI的顶部

您必须

position:absolute

按钮下方的列表才能实现此效果

---

更新：

问题是按钮所在的容器是相对定位的，这会更改子元素定位的行为

从

.btn组

和

#主

从

下拉菜单中删除
左侧：0
和
顶部：100%

---

将类

下拉菜单的css更改为
位置：相对

类
下拉菜单a
的颜色被
#topContainer a

您可以使用浏览器的开发人员工具检查元素。
在何处设置位置：绝对？哪一个选择器、类、id？进一步查看代码，您绝对是在定位它，问题是按钮所在的容器是相对定位的。修复：从
中删除
位置：相对
。btn group
和
main
，并从
中删除
左侧：0
和
顶部：100%
。下拉菜单
。当您在网站上修复问题时，没有代码这个问题有多大用处？请评分并接受适合您的答案，给海报一些要点：）