如何用段落填充div高度？

<div class="container">
  <div class="content"></div>
  <div class="placeholder"></div>
</div>

<style>
.container {
  position: relative;
}

.content {
  height: 200px; /* 设置内容高度 */
}

.placeholder {
  height: 100%; /* 设置占位符高度 */
}
</style>

<div class="container">
  <div class="content"></div>
</div>

<style>
.container {
  position: relative;
}

.content {
  height: 200px; /* 设置内容高度 */
}

.container::after {
  content: "";
  display: block;
  height: 100%; /* 设置伪元素高度 */
}
</style>

<div class="container">
  <div class="content"></div>
</div>

<style>
.container {
  display: flex;
  flex-direction: column;
  height: 100%; /* 设置容器高度 */
}

.content {
  flex: 1; /* 设置子元素自动填充剩余空间 */
}
</style>