将100vh高度保留在带有溢出的父级中

是一种常见的前端开发问题。通常情况下，当一个元素设置了100vh（视口高度）作为其高度时，它将占据整个视口的高度。然而，如果该元素的父级存在溢出（overflow）属性的设置，例如"overflow: scroll"，那么元素的高度将会超过视口的高度，因为它将考虑到父级元素的滚动条。

为了解决这个问题，可以采用以下方法之一：

1. 使用calc()函数：可以通过在设置元素高度时使用calc()函数来计算视口高度减去父级元素滚动条高度的值。例如，可以使用以下CSS规则设置元素的高度：

.element {
  height: calc(100vh - 20px); /* 假设父级元素的滚动条高度为20像素 */
}

1. 使用绝对定位：可以将元素的位置设置为绝对定位，并相对于视口进行定位。然后使用top、bottom、left和right属性来调整元素的位置，以保持与父级元素的溢出无关。例如：

.element {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

这些方法都可以确保元素在具有溢出的父级中保持100vh的高度，同时避免受到父级滚动条的干扰。

对于相关的腾讯云产品和介绍链接，可以参考以下推荐：

1. 腾讯云云服务器（CVM）：可提供稳定、安全、可扩展的云计算资源。详细信息请参考腾讯云云服务器产品介绍。
2. 腾讯云容器服务（TKE）：基于Kubernetes的容器管理服务，可快速构建、部署和管理容器化应用。详细信息请参考腾讯云容器服务产品介绍。
3. 腾讯云对象存储（COS）：安全、稳定、高可用的云端存储服务，适用于多种应用场景。详细信息请参考腾讯云对象存储产品介绍。

请注意，以上只是示例推荐，并不代表对其他任何品牌的云计算产品的贬低或推荐。