table元素上直接写min-height无效，因其渲染逻辑只识别height；可用height模拟min-height效果，或改用display: table配合min-height实现真正最小高度控制。
table元素上直接写min-height为什么没反应
因为table、tr、td这些元素的渲染逻辑不支持min-height——浏览器内部用表格算法计算高度，只认height。你写min-height: 200px，它直接忽略，连计算都不参与。
替代方案：用height模拟min-height效果
height在table和td上实际行为就是“最小高度”：内容少时保持该高度，内容多时自动撑开。这不是巧合，是规范定义的行为。
-
table { height: 200px; }→ 整个表格至少高200px，内容超了就变高 -
td { height: 60px; }→ 单元格至少高60px，文字换行或图片进来会自动拉伸 - 别对
tr设height或min-height——它不生效，也不影响布局
更现代的写法：用display: table配合弹性布局
如果需要真正可控的最小高度，又不想被原生table限制，可以把语义结构保留，样式换成display: table模拟：
.table-wrapper {
display: table;
width: 100%;
min-height: 200px; /* ✅ 这里能生效 */
}
.cell {
display: table-cell;
vertical-align: top;
}
这样外层有了min-height能力，内部仍保持表格对齐特性，且可自由嵌套flex或grid子项。
容易踩的坑：IE兼容写法反而干扰现代逻辑
老资料里常教_height: 200px这种IE hack，现在完全没必要。它既不能修复min-height在table上的缺失，又可能被现代浏览器解析为无效声明，还污染代码可读性。
真正要检查的是：是否误把td设成了display: block？一旦破坏table-cell显示模式，height也会失效——此时必须回归display: table-cell或改用flex替代。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
