我有一个表格,其中有多个单元格,但没有关于单元格高度的任何信息,我想让其中一个单元格(一个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>
- 寻找一个flexbox的解决方案,请不要改成基于网格布局。
- 我不想在
<td>
中设置背景颜色,这里在例子中为<div>
设置红色背景有其原因。