Css elementRef.style.top="；100px“；不'；行不通

我想使用elementRef移动组件的位置。 我下面的代码看起来很合理，但不起作用。为什么?

  ngAfterViewInit() {
      let element = this.elementRef.nativeElement
      element.style.color = "red" // WORKS!
      element.style.top = "100px" // NO EFFECT!
  }

---

这里有一个链接指向我的示例：

这是css问题。例如，如果添加

element.style.position=“absolute”

，您将看到

top=“100px”

起作用。

顶部、底部属性仅对定位的元素起作用。因此，通过向其添加任何position属性可以解决此问题

例如

element.style.position = "relative";