如何实现b站用户动态页面里，直播列表的那一列的高度自适应中间的动态模板的高度

实现b站用户动态页面里直播列表的高度自适应中间的动态模板的高度，可以考虑以下思路：

1. 使用 CSS 的 flex 布局，将直播列表容器和动态模板容器放在同一个父容器中，父容器设置为 flex 布局，将直播列表容器设置为一个固定宽度，动态模板容器设置为 flex-grow 属性为 1，即可实现动态模板容器自适应父容器剩余高度的效果。

2. 在动态模板容器中设置一个固定高度的头部容器和一个高度为 100% 的内容容器。头部容器中可以放置动态模板的标题、作者等信息，内容容器中放置动态模板的正文内容。使用 overflow 属性为 auto，可以在内容超出容器高度时自动出现滚动条。

3. 如果使用 JavaScript 动态加载动态模板内容，可以在动态模板内容加载完成后，通过计算内容容器的高度，动态设置动态模板容器的高度，从而实现动态模板容器自适应高度的效果。

下面是一个示例代码，仅供参考：

<div class="container">
  <div class="live-list">
    <!-- 直播列表容器，设置固定宽度 -->
  </div>
  <div class="dynamic-template">
    <div class="header">
      <!-- 动态模板头部容器，设置固定高度 -->
    </div>
    <div class="content">
      <!-- 动态模板内容容器，设置高度为 100% 和 overflow:auto -->
    </div>
  </div>
</div>

<style>
.container {
  display: flex;
  flex-direction: row;
}

.live-list {
  width: 200px; /* 设置固定宽度 */
}

.dynamic-template {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* 设置 flex-grow 属性为 1，自适应高度 */
}

.header {
  height: 50px; /* 设置固定高度 */
}

.content {
  height: 100%;
  overflow: auto;
}
</style>