CSS -如何根据内容调整div的高度？

div {
  height: auto;
}

div {
  min-height: 100px; /* 设置最小高度为100像素 */
}

.container {
  display: flex;
  flex-direction: column;
}

div {
  flex: 1; /* 设置div在容器中占据剩余空间 */
}

<div id="myDiv">这是一段内容</div>

<script>
  var div = document.getElementById("myDiv");
  var contentHeight = div.scrollHeight; // 获取内容的高度
  div.style.height = contentHeight + "px"; // 将内容的高度应用到div的高度属性上
</script>