• • 此问题在此处已有答案**：

height: 100% for inside with display: table-cell（7个答案）
Percentage Height HTML 5/CSS（7个答案）
100% height div inside table-cell not working on Firefox（1个答案）
两年前就关门了。
我有一个包含多个单元格的表格，没有关于单元格高度的任何信息，但我希望其中一个单元格（Flexbox容器）的内容高度为单元格高度的100%：

<table border="1">
  <tr>
    <td>
      <div style="height: 152px">some content</div>
    </td>
    <td style="vertical-align: top">
      <div style="display: flex; flex-wrap: wrap;">
        <div style="height: 100%; min-height: 100%; flex: 1; background: red">
          This should take 100% height
        </div>
      </div>
    </td>
  </tr>
</table>

1.正在寻找Flexbox解决方案，请不要将其更改为基于网格的解决方案。
1.我不想在<td>中设置背景颜色，在<div>上设置红色背景是有原因的。