请进入本网站。(我无法在 jsFiddle 上重新创建同样的问题。抱歉)问题是,当您按下推荐的下拉按钮时,它会改变父 div 的高度。如何在父 div 边框上设置下拉菜单位置?为什么下拉菜单显示白色字体?

请进入本网站。(我无法在 jsFiddle 上重新创建同样的问题。抱歉)问题是,当您按下推荐的下拉按钮时,它会改变父 div 的高度。如何在父 div 边框上设置下拉菜单位置?为什么下拉菜单显示白色字体?

将课程的 css 更改dropdown-menu为position: relative
类的颜色dropdown-menu a被覆盖#topContainer a
您可以使用浏览器的开发人员工具检查元素。
您的“推荐”按钮实际上不是一个下拉菜单,它是两个按钮和一个看起来像下拉菜单的无序列表。因此,当您单击它时,它不会像常规下拉菜单那样运行和显示,即覆盖在 UI 顶部。
您必须position: absolute在按钮下方的列表中实现此效果。
更新:
问题是您的按钮所在的容器是相对定位的,这会改变子元素定位的行为。
position: relative从.btn-group和删除#mainleft: 0和top: 100%从.dropdown-menu