CSS -定位绝对溢出父级，同时能够滚动

CSS中的定位（positioning）属性可以控制元素的位置和布局。其中，绝对定位（position: absolute）可以使元素脱离文档流，并相对于最近的具有定位属性（position: relative/absolute/fixed/sticky）的父级元素进行定位。

当子元素使用绝对定位，并且溢出其父级元素时，如果希望父级元素能够滚动以展示溢出内容，可以通过以下步骤实现：

1. 确保父级元素具有相对定位（position: relative）属性，这样子元素的绝对定位将相对于父级元素进行定位。

例如：

.parent {
  position: relative;
  height: 200px; /* 设置一个固定高度用于展示内容 */
  overflow: auto; /* 添加滚动条样式，当内容溢出时显示滚动条 */
}

1. 子元素应用绝对定位属性，并设置合适的定位值（top/bottom/left/right）。这样，子元素将相对于父级元素进行定位，而不是文档流。

例如：

.child {
  position: absolute;
  top: 0;
  left: 0;
  /* 其他样式属性 */
}

通过以上步骤，当子元素的内容超出父级元素的高度时，父级元素将显示滚动条，并可以通过滚动条来查看溢出的内容。

对于腾讯云相关产品的推荐，这里提供一个与CSS定位相关的产品：腾讯云云服务器（Elastic Cloud Server，ECS）。腾讯云云服务器提供稳定可靠的云计算能力，可满足各类应用的需求。您可以访问以下链接了解更多关于腾讯云云服务器的信息： https://cloud.tencent.com/product/cvm