我在获取引导按钮下拉列表以实际显示按钮下方的下拉列表时遇到问题.它目前显示在另一个div下面.在过去的几个小时里,我一直试图让它工作,我不能这样做.
我使用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 */
}