如何将元素的高度扩展到100vh以上以包含整个可滚动区域？

<div class="container">
  <div class="scrollable-content">
    <!-- 可滚动内容 -->
  </div>
</div>

.container {
  display: flex;
  height: 100vh;
}

.scrollable-content {
  flex: 1;
  height: 100%;
  overflow-y: auto;
}

<div class="container">
  <div class="scrollable-content">
    <!-- 可滚动内容 -->
  </div>
</div>

.container {
  position: relative;
  height: 100vh;
}

.scrollable-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}