HTML表格中textarea最小高度需三层协同：textarea设min-height+overflow:auto、td设min-height+padding、避免tr设min-height；缺一不可，否则塌陷或失效。
HTML 表格里没有「表格文本域」这个标准概念——你实际要处理的是两种独立元素的组合：textarea 嵌在 td 里，而 td 又属于 table。最小高度必须分层控制，否则要么失效，要么撑破表格结构。
给 textarea 本身设 min-height 不够，还得配 overflow
min-height 在 textarea 上能生效，但前提是它的 overflow 不是 visible（默认值）。浏览器规范明确要求：只有当 overflow 为 auto、hidden 或 scroll 时，resize 和高度约束才被识别。
-
textarea { min-height: 80px; overflow: auto; }是基础组合，缺一不可 - 避免用
height: 80px—— 它会锁死初始高度，内容一多就出现双滚动条（textarea自带滚动 + 父容器溢出滚动） - 如果用了
box-sizing: border-box，记得把padding和border的尺寸算进min-height，否则实际高度会超
td 容器必须设 min-height，不能只靠 textarea
textarea 高度变化时，td 默认会收缩包裹——尤其在 border-collapse: collapse 下，td 的 padding 是行高的主要来源，不显式设高，整行就会塌陷。
-
td { min-height: 96px; vertical-align: top; padding: 8px; }比只设textarea更可靠 - 别给
tr设min-height—— 大部分浏览器（Chrome/Firefox）根本不支持，纯属无效声明 - 若表格启用了
table-layout: fixed，td的min-height仍有效，但需配合显式width，否则可能被忽略
动态内容下高度跳变？加 min-height 到 img 和占位符
用户输入还没填、图片没加载完、富文本异步渲染——这些都会导致 textarea 初始高度为 0，td 跟着塌，页面闪动。
-
textarea加min-height后，再给其父td加相同值的min-height，形成双重兜底 - 如果
td里还有图标或小图，给img加min-height: 1em或用aspect-ratio: 1/1占位，防止空白期高度归零 - React/Vue 中，服务端渲染（SSR）首屏时
textarea值为空字符串，建议初始化时设一个空格value=" "，避免 DOM 高度计算为 0
最常被忽略的一点：表格中 textarea 的最小高度不是单点设置问题，而是三层对齐——textarea 自身的 min-height + td 的 min-height + line-height 与 vertical-align 的协同。少一层，就可能在 Safari 下失效，或在缩放字体时失守。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
