在uibModal中显示uib-tabset,高度溢出

时间:2016-11-16 19:05:51

标签: javascript html css twitter-bootstrap

我正试图在uib-tabset内显示uibModal,并希望标签集完美地填充模态,用令人讨厌的术语width:100%;height:100%;

标签集: -

<uib-tabset id="mine-tabset" active="active">
       <uib-tab ng-repeat="tab in Tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled" ng-click="tabClicked(tab)">
         <div id = "tab-container" ng-include="tab.content"></div>
       </uib-tab>
     </uib-tabset>

现在为了达到完全填充Modal的目标,我做到了:

.tabset, .tab-content, .tab-pane, .tabbable {
  height:100%;
}
#tab-container{
 width:100%;
 height:100%;
}

我的问题: -

所以我最终得到的是Tab及其内容的高度溢出了Modal底部的Modal。

我知道的是,我猜这个原因是100%身高,.nav-tabs的高度也被添加到.tab-content。这是正确的吗?怎么解决这个问题?

0 个答案:

没有答案