选项卡内容未正确弯曲

Tab content not flexing correctly

我正在 IE 11 中测试:

Codepen

我试图让我的 md-tabs 控件的 md-tab-body 弯曲到页面底部。我必须包含这个 css 规则才能使它起作用:

#tab-content-0 > div, #tab-content-1 > div, #tab-content-2 > div, #tab-content-3 > div {
  height: 100%;
}

如果您查看上面的代码笔,您会发现我在执行此操作时得到了一个滚动条。我究竟做错了什么?我希望选项卡内容弯曲到页面底部,第一个内部容器只占用它需要的space,第二个内部容器弯曲到选项卡内容的底部,如果需要的话更多space,里面应该有滚动条。

我该如何做到这一点?我认为这个问题与上面的 CSS 规则有关,但没有它我根本无法让它弯曲。

看看这支笔。我相信您可以像在其他选项卡中那样进行样式设置。对于这个例子,我只是使用简单的 md-tablabel 以及其他简化的元素。

http://codepen.io/next1/pen/qZRpEB