html – Twitter Bootstrap选项卡和bootstrap-select溢出问题

概述我使用twitter bootstrap和这个插件来选择菜单 https://developer.snapappointments.com/bootstrap-select/. 当我尝试将此选择应用于选项卡内的内容时,我遇到了问题. http://jsfiddle.net/gbGdY/1/演示来说明问题. 外部选项卡,一切正常,但内部选项卡 – 溢出不能正常工作. 另外,如果我尝试覆盖标签溢出(像 我使用twitter bootstrap和这个插件来选择菜单 https://developer.snapappointments.com/bootstrap-select/.

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

http://jsfiddle.net/gbGdY/1/演示来说明问题.

外部选项卡,一切正常,但内部选项卡 – 溢出不能正常工作.

另外,如果我尝试覆盖标签溢出(像这样)

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

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

所以,我的问题是如何避免这个问题,并使选择菜单在选项卡内工作就像它在标签外工作.

解决方法 希望你还在寻找解决方案？
如果你是,你可以尝试这个：

添加溢出：隐藏到制表符内容

<div  >

并将数据容器添加为tab-pane / tab-content

<div  data-container="tab-pane">

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

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

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

希望这可以帮助！-r

总结

以上是内存溢出为你收集整理的html – Twitter Bootstrap选项卡和bootstrap-select溢出问题全部内容，希望文章能够帮你解决html – Twitter Bootstrap选项卡和bootstrap-select溢出问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。