标签内容未正确弯曲

时间:2016-03-17 16:26:44

标签: angularjs-material

我在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%;
}

如果你看一下上面的代码笔,你会看到我这样做时会得到一个滚动条。我究竟做错了什么?我希望标签内容能够灵活到页面底部,第一个内部容器只占用它需要的空间,第二个内部容器可以弯曲到标签内容的底部,如果需要更多的空间,它里面应该有一个滚动条。

我如何做到这一点?我认为这个问题与上面的CSS规则有关,但如果没有它,我就无法灵活处理。

1 个答案:

答案 0 :(得分:3)

Chekc拿出这支笔。我相信你可以像在其他标签中那样做样式。对于此示例,我只使用简单的md-tablabel以及其他简化元素。

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