5

我使用 twitter bootstrap 和这个插件来选择菜单https://developer.snapappointments.com/bootstrap-select/。

当我尝试将此选择应用于选项卡内的内容时遇到问题。

http://jsfiddle.net/gbGdY/1/ demo 来说明问题。

在选项卡外部，一切正常，但在选项卡内部 - 溢出无法正常工作。

另外，如果我尝试覆盖标签溢出（像这样）

.tab-content {
  overflow: visible !important;
}

然后我遇到了另一个问题 - 菜单下降并扩展到全高。

所以，我的问题是如何避免这个问题，并使选择菜单在选项卡内工作，就像它在选项卡外工作一样。

4

2 回答 2

4

希望您仍在寻找解决方案？如果你是，你可以试试这个：

添加溢出：隐藏到选项卡内容

<div class="tab-content" style="overflow: hidden">

并将数据容器添加为选项卡窗格/选项卡内容

<div class="btn-group bootstrap-select" data-container="tab-pane">

并根据需要添加/修改css规则

.dropdown-menu {
    height:200px;
}

.tab-content{
    height: 350px; 
    background: green;
    padding: 2%;
}

结果会是这样的：http: //jsfiddle.net/gbGdY/1/

希望这可以帮助！-r

于 2013-06-20T13:47:44.973 回答
2

像你一样.tab-content设置。overflow: visible

然后设置：

.dropdown-menu { height:200px; }

或将其设置为您想要的任何高度。

于 2013-03-16T19:50:16.370 回答