Question

你能否告诉我如何在angularjs中给动态高度div？实际上我有一个滚动div（有内容）。当我给出100px高度时，我能够看到所有内容。

但我需要给那个div高度（window -header -footer）

<ion-scroll direction="y" style="height: 100px">
    <div class="row" ng-repeat="obj in data.data">
        <div class="col">
          {{obj.schDepart}}
        </div>
        <div class="col">
          {{obj.expDepart}}
        </div>
    </div>
</ion-scroll>

这是我的代码：http://codepen.io/anon/pen/ZGEpMN

需要动态调整<ion-scroll 总高度 - 页眉高度的高度，以便它可以在所有窗口上运行。

Answer 1

正如mrak所说，你可以像下面那样使用calc：

ion-scroll[direction=y] {
  height: calc(100vh - 88px);
}

我可以看到您的页眉和页脚都有44px高度，所以我在这里使用了88px。

更新了Codepen

如何在angularjs中为div提供动态高度？

1 个答案: