无法使用自定义媒体查询点击导航栏下拉菜单选项

Question

在成功使用此处发布的答案navbar dropdown menus display issue on mobile and small devices with media query之后，我现在有了这个JSFiddle http://jsfiddle.net/qxgy6L9b/23/。

但是，我仍然有一个我无法修复的问题。如果我单击第二个下拉列表，则无法单击此子菜单的任何项目。这是因为事后还有另一个列表项。如果我删除此项目列表，则可以单击下拉菜单项。

我想，这与这个CSS代码有关：

   .dropdown-menu{
    position: static;
    width: 100%;
    box-shadow: none;
    background: inherit;
  }

我尝试了几件事，但是如果我之后还有一个额外的项目，则无法使第二个下拉列表中的项目可以点击。

有人有想法吗？非常感谢你。

Answer 1

我想我找到了解决方案。我将位置从绝对替换为相对，现在我有正确的行为。

希望它能帮助别人：）