vant4步骤条的内容在一定高度内进行上下滚动

<div class="TaskDetailStepbar">
  <div class="TaskDetailStepbar-inner">
    <van-steps direction="vertical" :active="active" active-color="#38f">
      <!-- 步骤内容 -->
    </van-steps>
  </div>
</div>

<style>
.TaskDetailStepbar {
  height: 400px;
  overflow-y: scroll;
}

.TaskDetailStepbar-inner {
  display: flex;
  flex-direction: column;
  height: fit-content;
}
</style>

height: fit-content ：是一个 CSS 属性，用于让元素的高度自适应内容高度。它的作用类似于 height: auto，但是不同的是，它会忽略元素的最大高度限制，直接根据内容高度来计算元素的高度。

例如，如果一个元素的内容高度为 200px，那么设置 height: fit-content 后，元素的高度也会变成 200px。如果元素的内容高度发生变化，元素的高度也会自动调整。

在步骤条中，我们可以使用 height: fit-content 让步骤条的父容器自适应步骤条的高度，从而让步骤条在超出高度时自动出现滚动条。这样就可以让步骤条在不同设备上都能够正常显示，而不会被截断或溢出。

需要注意的是，height: fit-content 并不是所有浏览器都支持，特别是在 IE 浏览器中可能会出现兼容性问题。因此，在使用 height: fit-content 时需要进行兼容性测试，并根据实际情况选择其他方案。