如何获得动态高度

<div class="container">
  <div class="content" style="height: auto;">
    <!-- 内容 -->
  </div>
</div>
<style>
.container {
  overflow: auto; /* 或者使用 overflow: hidden; */
}
.content {
  min-height: 100px; /* 设置最小高度 */
  max-height: 500px; /* 设置最大高度 */
  overflow-y: auto; /* 内容超出时显示滚动条 */
}
</style>

<div class="container">
  <div class="content" style="height: auto;">
    <!-- 内容 -->
  </div>
</div>
<style>
.container {
  padding: 10px;
}
.content {
  height: auto;
}
</style>

<div class="container">
  <div class="content" id="dynamicHeightContent">
    <!-- 内容 -->
  </div>
</div>
<script>
window.onload = function() {
  var content = document.getElementById('dynamicHeightContent');
  content.style.height = 'auto';
  var height = content.scrollHeight;
  content.style.height = height + 'px';
};
</script>