如何让表单容器随错误提示自适应高度（440-660px范围）

核心解决方案 #

把.right-autorization的固定高度设置替换为最小高度+最大高度的组合，同时处理内容溢出问题：

.right-autorization {
  width: 90%;
  /* 移除固定height:440px，替换为以下两行 */
  min-height: 440px; /* 保持初始最小高度，避免撑满页面 */
  max-height: 660px; /* 限制最大高度，防止过度拉伸 */
  overflow-y: auto; /* 内容超过最大高度时显示垂直滚动条 */
  /* 保留你原有的其他样式（比如背景、padding等） */
}

为什么之前的设置不生效？ #

你提到设置min-height和max-height时仅max-height生效，大概率是因为祖先元素（比如body、html或父容器）设置了height: 100%，强制容器继承了满高属性。此时只要移除容器自身的固定height，用min-height兜底初始高度，再配合max-height做上限限制，就能让容器在440px-660px之间随内容自动调整。

另外，height: auto是元素默认值，不用刻意设置；加上overflow-y: auto可以避免内容超出最大高度后溢出容器，保证页面布局整洁。

最终效果 #

• 初始状态下，容器保持440px的最小高度，不会撑满页面；
• 添加.error错误提示后，容器会自动拉伸到适配内容的高度，最高不超过660px；
• 当内容超过660px时，容器会显示垂直滚动条，内容不会溢出。

内容的提问来源于stack exchange，提问作者Almas Iskak