Question

我正在为我的网络应用使用角度素材，下面是我的主要模板：

<body>
  <div layout="column" layout-fill ng-controller="MainController">

    <ng-include src="'/app/main/views/sidenav.template.html'"></ng-include>
    <md-toolbar class="md-primary md-hue-2" ng-include="'/app/main/views/menu.template.html'">
    </md-toolbar>

    <md-content layout="column" layout-align="space-between stretch">
      <div ui-view></div>

      <div class="footer" ng-include="'/app/main/views/footer.template.html'">
      </div>
    </md-content>

  </div>
</body>

我在Internet Explorer 11上遇到了一个问题。即使我将layout-align设置为＆＃34; space-between＆＃34;，根据文档应该定位我的第二个div（带有类＆的那个）＃34;页脚＆＃34;）在页面底部，它不适用于IE11。看起来第一个div的高度（具有ui-view属性的高度）计算得很差，而且它太低了。

您可以在http://ldzkklim.ayz.pl/

上看到它

IE有什么解决方法吗？或者我在模板中做错了什么？

CodePen链接可查看问题：http://codepen.io/anon/pen/ygOLBM

Answer 1

不要将layout="column" layout-align="space-between stretch"放在md-content上，而应该总是添加一个子项，如果需要某种垂直间距，请将其放在上面。这只是我的经验，但它似乎也在这里工作。

<md-content flex>
    <div flex layout="column" layout-align="space-between stretch">
        <div flex>content...</div>
        <div>footer</div>
    </div>
</md-content>

角度材料布局 - 对齐空间 - 在IE中不起作用

1 个答案: