我正在尝试使用有角度的材料，我想要实现一个具有标题，中间部分和页脚的列设计。根据内容，页眉和页脚应该只有一个有限的高度。中间部分应占用所有剩余空间或进一步扩展内容。
所以我尝试了以下简单方法：
<body layout="column" layout-align="start center">
<div class="top">top</div>
<div class="middle" flex="noshrink"></div>
<div class="bottom">bottom</div>
</body>
DEMO：JSBIN
这在chrome，firefox和safari中效果非常好。但是在IE11中，中间部分不会变大，内容会溢出。
那我怎么能做到这一点呢？灵活布局可能不是正确的方法，它不是那样工作或IE11有问题吗？