角材料固定工具栏和粘页脚

角材料固定工具栏和粘页脚

我终于弄清楚了问题所在。在div的主要内容部分嵌套时，

md-content

存在关于野生动物园的问题。我通过添加

flex="none"

到顶级div来修复它。

这仅适用于Chrome：

<md-content layout="column" flex> <div flex layout="column">  <section>    <div ng-if="displayContent"  ng-repeat="card in cards|limitTo: displayLim track by $index">{{card.title}}    </div>  </section>  <div flex></div>  <footer flex="none" >    <div>footer item</div>  </footer> </div></md-content>

这适用于Chrome和Safari：

<md-content layout="column" flex> <div flex layout="column">  <section flex="none">    <div ng-if="displayContent"  ng-repeat="card in cards|limitTo: displayLim track by $index">{{card.title}}    </div>  </section>  <div flex></div>  <footer flex="none" >    <div>footer item</div>  </footer> </div></md-content>