我在Angular组件中得到了element.scrollWidth和element.offsetWidth的相同值

Question

我的组件中有一个容器，里面包含一些内容。容器具有柔性显示器，其内部的物品具有固定的宽度和高度。内容在x轴上溢出容器，因此我已将隐藏的溢出应用于容器。

<div class="container">
  <article>Content...</article>
  <article>More content...</article>
</div>

我想获取当前在视口上显示的内容的宽度，但我还想获得容器的整个宽度，包括溢出的内容以及所有边距和边框。我正在尝试使用offsetWidth和scrollWidth属性这样做...

在我的component.ts文件中，我导入了ElementRef。

在我的构造函数中，我已经添加了它...

public container;

constructor(private el: ElementRef) {...}

但是，当我尝试获取偏移量和滚动宽度时，我得到相同的值。

this.container = this.el.nativeElement.querySelector('.container');

console.log(this.container.offsetWidth)
console.log(this.container.scrollWidth)

我做错了什么？