星点互联edus视频培训演示站

标题: 父元素为relative，子组件是absolute，父组件允许滚动的时候... [打印本页]

作者: admin 时间: 2020-11-28 10:15
标题: 父元素为relative，子组件是absolute，父组件允许滚动的时候...

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

复制代码

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

欢迎光临星点互联edus视频培训演示站 (http://47.100.112.22/demo/edus/)