父元素为relative，子组件是absolute，父组件允许滚动的时候...

1. <div style="height: 300px;width: 100px;position: relative;border: solid;overflow-y: scroll;">
   
2.         <div style="height: 500px;background-color: lightgrey;"></div>
   
3.         <div style="width: 100%;height: 100px;background-color: lightgreen;position: absolute;top: 0;"></div>
   
4.     </div>

复制代码

父组件由于可以滚动，所以他的实际高度不是300，而是500，子组件相对于父组件top:0固定，固定到了实际高度的top:0，我希望是按他实际高度固定，如何实现？