我有一个要显示的傻瓜：http://plnkr.co/edit/nGjdvrG27jNpQ3QTulMr?p=preview
我希望绿色区域填满剩余的可用高度。我可以设置div高度：100％并得到我想要的几乎，但这不太理想。
有没有办法用css做到这一点？我是否需要通过js进行某种大小调整？
答案 0 :(得分：2)
我已将以下类设置为高度：100％，现在似乎可以正常工作：
.tabset, .tab-content, .tab-pane, .tabbable {
height:100%;
}
答案 1 :(得分：1)
如果你使用flexbox布局，你可以这样做：
覆盖＆＃39; .tab-content＆gt; .active＆＃39;的显示属性类。默认设置为＆＃39; display：block＆＃39;。它必须设置为“显示：flex＆＃39;”。还要修改选项卡模板。
请参阅我的解决方案：
答案 2 :(得分：0)
我知道最简单的方法是用vh单位设置高度。它们是在CSS3中引入的
height: 100vh;
vh单位正在设置视口高度。我相信它被视为将其设置为视口的百分比或可见屏幕。因此，只需将100%更改为100vh即可获得所需的结果。
它似乎被广泛使用：http://caniuse.com/#search=vh。我想，这取决于你的受众群体。