我正试图在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
。这是正确的吗?怎么解决这个问题?