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

Question

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

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

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

谢谢， 理查德

Answer 1

如果您可以选择更改overflow，则右侧选择器为.tab-content

.tab-content {
    overflow: visible;
}