如何阻止div的高度增长？

div {
  height: 200px; /* 设置一个固定的高度 */
  overflow: auto; /* 如果内容超出，可以显示滚动条 */
}

div {
  max-height: 200px; /* 设置最大高度 */
  overflow: auto; /* 如果内容超出，可以显示滚动条 */
}

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

.content {
  flex-shrink: 1; /* 允许内容收缩 */
  max-height: 200px; /* 设置最大高度 */
  overflow: auto; /* 如果内容超出，可以显示滚动条 */
}

.container {
  display: grid;
  grid-template-rows: auto 1fr auto; /* 控制行的高度 */
}

.content {
  max-height: 200px; /* 设置最大高度 */
  overflow: auto; /* 如果内容超出，可以显示滚动条 */
}

document.querySelector('div').style.height = '200px';