如何让绝对定位的子元素高度随父元素滚动内容高度变化？

让子元素absolute根据父元素滚动内容的高度设置高度

在布局中，有时需要设置子元素的高度等于父元素的内容区域高度。特别是当父元素内容可滚动时，子元素的高度也要随之改变。以下是如何实现这一目标：

解决方案：

使用 position: relative 定位父元素内容区域：

      <div style="overflow: auto">
        <div style="position: relative">
          ...

将 absolute 定位子元素的 top 属性设置为 0，并将其 height 属性设置为 100%：

          <div style="position: absolute; width: 100%; height: 100%; top: 0; background-color: aqua; opacity: 0.5">
            ...
          </div>

这样，子元素的高度将根据父元素内容区域的高度自动调整。