用显示伸缩功能使只有一个子项的父项的高度达到100%？

要实现用显示伸缩功能使只有一个子项的父项的高度达到100%，可以使用CSS的flexbox布局。

首先，需要将父项设置为flex容器，可以通过设置父项的display属性为flex来实现：

.parent {
  display: flex;
}

接下来，将子项设置为flex项目，并且使用flex属性来控制子项的伸缩比例。将只有一个子项的父项的高度设置为100%可以通过将子项的flex属性设置为1来实现：

.child {
  flex: 1;
}

这样，当只有一个子项时，该子项会自动填充父项的剩余空间，从而使父项的高度达到100%。

这种方法适用于需要动态调整父项高度的情况，例如响应式布局或动态内容变化的场景。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云弹性伸缩（AS）：https://cloud.tencent.com/product/as
• 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
• 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile