jquery – 不在按钮下方的引导按钮下拉列表

前端之家收集整理的这篇文章主要介绍了jquery – 不在按钮下方的引导按钮下拉列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我在获取引导按钮下拉列表以实际显示按钮下方的下拉列表时遇到问题.它目前显示在另一个div下面.在过去的几个小时里,我一直试图让它工作,我不能这样做.

HTML

    

我使用twitter bootstrap cdn为我的css和js.

我做了一个小提琴来说明问题:https://jsfiddle.net/rdawkins/f7m6cv7q/8/

最佳答案
解决方案的关键是position:relative;.

将按钮和下拉菜单包裹在div中,并使容器位置:relative;.通过按钮下的CSS放置菜单.

请参阅下面的an updated JSFiddle和额外代码.

HTML

CSS

.dropdown-container {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%; /* Bottom of button */
  right: 0;
  margin-left: -100px; /* More to the left */
}

猜你在找的jQuery相关文章