offsetHeight与DOM元素的实际高度在角度上不同

Question

我正在尝试获取DOM元素的高度。

export class HomePage {
  @ViewChild('stack') stack;
  ngAfterContentInit(){
    this.parentElement = this.stack.nativeElement;
    this.stackHeight = this.parentElement.offsetHeight;
  }
}

这是HTML文件

<ion-content >
  <div class="stack" #stack  >
    <ion-card  *ngFor="let c of cards" class="slide" #slides >
      <ion-card-content >
        {{ c}}
      </ion-card-content>
    </ion-card>
  </div>
</ion-content>

但是值stackHeight并不完全是元素的高度。实际上，它等于ion-content元素的高度。但是，如果在加载完所有内容后尝试在另一个函数中计算高度，则会得到正确的高度。我没有设置任何代码来更改高度。这是CSS。

page-home {
  .stack{
    height: 100%;
  }
}

offsetheight为什么与DOM元素的高度不同？任何帮助将不胜感激。