drop-down-menu - 选项卡窗格中的引导按钮下拉菜单导致溢出

Question

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

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

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

谢谢，理查德

Answer 1

如果更改overflow是您的选择，那么正确的选择器是.tab-content

.tab-content {
    overflow: visible;
}