选项卡窗格中的Bootstrap按钮下拉列表导致溢出

Question

我正在使用Bootstrap,并在包含按钮下拉列表的选项卡窗格中嵌入了一个表单.有时,下拉列表中的项目数量会溢出选项卡窗格的高度.我总是可以增加选项卡窗格的最小高度,但这个解决方案是hackish.我在这里有一个示例jsfiddle:

http://jsfiddle.net/Sudp7/1/

在其中,您可以看到下拉列表在选项卡窗格底部的剪裁方式.有没有办法让下拉菜单溢出其父容器的高度？我试过玩z-index和overflow-y属性无济于事.任何提示将非常感激.

谢谢,理查德

Answer 1

如果更改overflow是您的选项,那么右侧选择器是.tab-content

.tab-content {
    overflow: visible;
}