选项卡内容未正确弯曲答案

【问题标题】：Tab content not flexing correctly选项卡内容未正确弯曲
【发布时间】：2017-06-28 20:57:51
【问题描述】：

我正在 IE 11 中对此进行测试：

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

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

如果您查看上面的 codepen，您会看到我这样做时会看到一个滚动条。我究竟做错了什么？我希望标签内容弯曲到页面底部，第一个内部容器只占用它需要的空间，第二个内部容器弯曲到标签内容的底部，如果它需要更多空间，它里面应该有一个滚动条。

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

【问题讨论】：

【解决方案1】：

检查一下这支笔。我相信您可以像在其他选项卡中一样进行样式设置。对于这个例子，我只是使用了简单的md-tab 和label 以及其他简化的元素。

【讨论】：