玩z-index

Question

请输入to this website。 （我无法在jsFiddle上重现相同的问题。抱歉）问题是，当你按下推荐的下拉按钮时，它会改变父div的高度。如何在父div边框上设置下拉菜单位置？为什么下拉菜单会显示白色字体？

Answer 1

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

您必须position: absolute按钮下方的列表才能实现此效果。

---

更新：

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

1. 从position: relative和.btn-group
移除#main
2. 从left: 0
移除top: 100%和.dropdown-menu

Answer 2

将班级dropdown-menu的css更改为position: relative

类dropdown-menu a的颜色被#topContainer a

覆盖

您可以使用浏览器的开发者工具检查元素。