如何使行高延伸到容器的剩余高度？

要使行高延伸到容器的剩余高度，可以使用CSS中的flex布局。具体步骤如下：

1. 在容器的父元素上设置display属性为flex，这样可以启用flex布局。
2. 设置父元素的flex-direction属性为column，使子元素垂直排列。
3. 将子元素的flex属性设置为1，表示子元素可以根据剩余空间进行伸缩。
4. 设置子元素的align-self属性为stretch，使子元素的高度延伸到容器的剩余高度。

以下是一个示例代码：

HTML代码：

<div class="container">
  <div class="item">内容1</div>
  <div class="item">内容2</div>
  <div class="item">内容3</div>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
  height: 300px; /* 设置容器的高度 */
}

.item {
  flex: 1;
  align-self: stretch;
  border: 1px solid black;
}

在上述示例中，容器的高度被设置为300px，而每个子元素的高度会根据容器的剩余空间进行伸缩，从而实现行高延伸到容器的剩余高度的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm