td上设min-height无效是CSS规范限制，因其属replaced inline-level元素变体；可靠方案为table-layout:fixed+table宽度+tr的min-height，或用padding+line-height模拟视觉最小高度。
td 上设 min-height 为什么完全没用
这不是浏览器 bug，是 CSS 规范明确限制：td 和 th 属于「replaced inline-level 元素」变体，min-height 对它们无效。你在 DevTools 里看到样式被划掉，不是优先级问题，而是规范层面不支持。
常见错误现象包括：表格在 Safari 看起来正常，Chrome 里却塌缩；加了 !important 或换 em 单位也没反应；内容少时行高远低于预期，文字贴顶或挤在一起。
- 别试图用
display: block强转td—— 会破坏表格语义，导出 Excel、屏幕阅读器识别都出问题 - 嵌套
div再设min-height是绕路方案，额外 DOM + 垂直居中要重写 -
height在td上虽能强制设高，但会压制内容撑开行为，动态数据下容易截断或溢出
tr 的 min-height 生效必须配 table-layout: fixed
tr { min-height: 48px } 只有在三个条件同时满足时才稳定生效：
-
table必须显式声明table-layout: fixed -
table必须有明确宽度（如width: 100%或具体像素值），否则固定布局无法初始化列宽，min-height被忽略 -
min-height必须写在tr上，不能写在td或table上
示例关键代码：
立即学习“前端免费学习笔记（深入）”；
table {
table-layout: fixed;
width: 100%;
}
tr {
min-height: 48px;
}
td, th {
padding: 8px 12px;
vertical-align: middle;
}
注意：min-height 是下限，内容多时行会自动增高；不要和 height 同时用在同一个 tr 上，后者会覆盖前者。
用 padding + line-height 替代“最小高度”更轻量
如果你的目标只是让单行文本看起来不低于某高度，且单元格不含图片、不换行，padding + line-height 比任何 min-height 方案都更可控、兼容性更好（IE7+ 全支持）。
实际高度 = padding-top + line-height + padding-bottom（当内容单行且字体未超出行框时）。
- 启用
border-collapse: collapse后，padding成为影响行高的最直接因素 - 比如
padding: 12px已贡献 24px 垂直空间，再设line-height: 24px，视觉高度就稳定在 48px 左右 - 避免同时设
height和line-height—— 字号变化时极易冲突，小字号悬空、大字号溢出 - 多行内容或含图片时，
line-height不再主导最终高度，必须切回table-layout: fixed+tr的min-height
滚动容器里表格最小高度失效的真正原因
把表格放进 overflow-y: auto 容器后，min-height 看起来没用，通常不是表格本身的问题，而是父容器缺少高度约束。
min-height 只保证“至少多高”，不触发滚动；滚动依赖的是 height + overflow 组合。
- 正确写法：
.scroll-table { height: 400px; min-height: 200px; overflow-y: auto; } - 如果父容器是 flex 布局，检查是否误加了
align-items: center—— 这会让子项高度计算被重置 - 移动端用
100vh时，Safari 地址栏收放会导致跳变，100dvh更稳，但仅 Chrome 105+/Safari 16.4+ 支持
真正容易被忽略的点：所有“最小高度”方案都依赖渲染上下文 —— table-layout: fixed 需宽度，padding 需 border-collapse，min-height 在滚动容器里需父级 height。漏掉任意一个，就等于没设。
