HTML div top=0 left=0 的替代方案：使用 Flex 布局

一个替代方案是使用 CSS 的 Flex 布局。可以将父元素设置为display: flex;，然后使用justify-content: flex-start;和align-items: flex-start;来让子元素靠左上角对齐。

HTML 代码：

<div class="parent">
  <div class="child">内容</div>
</div>

CSS 代码：

.parent {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.child {
  /* 其他样式 */
}

这样子元素就会相对于父元素的左上角定位。