html table 自适应高度

要让 HTML 表格自适应高度，可以使用 CSS 中的 `height` 属性来实现。具体步骤如下：

1. 设置表格容器的高度为 `100%` 或者使用绝对定位来使其充满父容器。

.table-container {
  position: absolute; /* 如果使用绝对定位 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* 或者使用绝对定位 */
}

2. 设置表格的高度为 `100%`。

table {
  height: 100%;
}

3. 针对表格中的行元素设置高度为百分比。

tr {
  height: 10%; /* 例如这里设置每一行的高度为 10% */
}

这样，在父容器大小变化时，表格和表格中的行元素都会自适应高度，达到预期效果。