min-block-size在表格中基本无效，因其受table-layout和渲染逻辑约束；应改用min-height设于wrapper、tbody（需display:block）或td/th上，并注意height固定值、table-layout:fixed及border-collapse等影响因素。

min-block-size 在表格中基本无效

直接给 <table>、<code><tr> 或 <code><td> 设置 <code>min-block-size，浏览器不会按预期生效。原因很实在：表格元素的盒模型受 table-layout 和内部渲染逻辑约束，min-block-size（作为逻辑属性）在表格上下文中不参与高度计算，尤其当 writing-mode: horizontal-tb（默认）时，它等价于 min-width，而你想要的是垂直方向的兜底高度。

真正起作用的是 min-height + 正确的容器层级

想让表格内容区域有“最小垂直高度”，必须把 min-height 落在**能参与常规流布局的块级容器上**，而不是表格本身。常见有效路径：

• 把 <table> 包进一个 <code><div class="table-wrapper">，对 wrapper 设 <code>min-height: 200px，再配 overflow-y: auto（如果需要滚动）
• 若需某几行始终撑开，给对应 <tr> 的父 <code><tbody> 设 <code>min-height —— 但注意：<tbody> 默认是 <code>display: table-row-group，不响应 min-height；得显式改成 display: block，同时用 display: table-row 拉平子项，否则表格结构会崩
• 最稳做法：对 <td> 或 <code><th> 单独设 <code>min-height，并确保其 vertical-align: top 且 padding 合理，这样单元格内容少时也能保持视觉高度

  表格里设 min-height 容易被父级“锁死”

  即使你给 <td> 写了 <code>min-height: 60px，也可能完全没反应。检查这三点：

  • 父 <tr> 是否有 <code>height 固定值？比如 height: 30px 会压垮子单元格的 min-height
  • <table> 是否用了 <code>table-layout: fixed？它会让单元格高度由第一行决定，后续 min-height 失效
  • 是否忘了清除表格默认边距或边框叠加？border-collapse: collapse 和 line-height 过小都可能导致视觉高度远低于设定值

  移动端和 Safari 的特殊坑

  在 iOS Safari 或微信 WebView 中，表格内 min-height 表现更不稳定。临时缓解方案：

  
  html-deploy
  使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。
  下载
  • 不用 vh 单位，改用固定像素（如 min-height: 80px），避免视口缩放导致计算异常
  • 给 <td> 加 <code>padding-top 和 padding-bottom 替代 min-height，更可靠
  • 必要时用 JS 补位：td.style.minHeight = Math.max(80, td.scrollHeight) + 'px'，但仅限关键单元格

  真正要靠逻辑尺寸控制高度，别碰表格；把它当数据容器，外面套一层 div 做布局层——这是目前最省心的解法。