-3

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

在此处输入图像描述

4

2 回答 2

1

将课程的 css 更改dropdown-menuposition: relative

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

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

于 2012-09-21T20:44:20.887 回答
1

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

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


更新:

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

  1. position: relative.btn-group和删除#main
  2. 删除left: 0top: 100%.dropdown-menu
于 2012-09-21T20:15:11.270 回答