Javascript 更改下拉列表显示的位置？

我使用的下拉列表定义如下：

    <div class="dropdown">
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">company</button>
     <ul class="dropdown-menu">
      <li><a href="#">google</a></li>
      <li><a href="#">apple</a></li>
      <li><a href="#">microsoft</a></li>
      <li><a href="#">facebook</a></li>
      <li><a href="#">adobe</a></li>
      <li class="divider"></li>
      <li><a href="#">other</a></li>
     </ul>
    </div>

下拉列表非常好用，唯一的问题是当点击它时，默认情况下，要选择的项目列表会显示在下拉列表的下方。我想做的是改变这个位置，使列表显示在下拉列表顶部的中心位置，也就是覆盖了下拉按钮

我真的不知道该修改什么才能得到这篇文章，我在S/O上搜索了一下，但找不到相关的帖子

---

任何帮助都将不胜感激-谢谢

尝试添加此css属性

.dropdown-menu {
    z-index: 10;
}

---

您可以使用顶部和左侧属性执行此操作：

.dropdown-menu {
    top: -4px;
    left: -2px;
}