使绝对定位的div的内容可滚动,可以通过以下步骤实现:
下面是一个示例代码:
<style>
.parent {
position: relative;
height: 200px;
width: 300px;
border: 1px solid #ccc;
}
.child {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: auto;
}
</style>
<div class="parent">
<div class="child">
<!-- 这里放置需要滚动的内容 -->
</div>
</div>
在这个示例中,父元素具有相对定位,子元素具有绝对定位。子元素设置了固定的高度和宽度,并添加了overflow属性来创建滚动条。你可以在子元素中放置需要滚动的内容。
这种方法适用于各种场景,例如在一个固定大小的弹窗中显示大量内容、在一个固定大小的侧边栏中显示长列表等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云