如何让<div>占据<td>的全部高度

要让 <div> 元素占据 <td> 元素的全部高度，可以使用 CSS 的布局技术来实现。以下是一种常见的方法：

1. 首先，确保 <td> 元素的 position 属性值为 relative，以便作为容器。
2. 接下来，将 <div> 元素的 position 属性值设置为 absolute，以便脱离文档流。
3. 然后，将 <div> 元素的 top 和 bottom 属性值都设置为 0，以使其上下边界与 <td> 元素的上下边界对齐。
4. 最后，将 <div> 元素的 left 和 right 属性值都设置为 0，以使其左右边界与 <td> 元素的左右边界对齐。

下面是示例代码：

<style>
  td {
    position: relative;
  }

  div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
</style>

<table>
  <tr>
    <td>
      <div>这是一个占据全部高度的 div 元素</div>
    </td>
  </tr>
</table>

这样设置后，<div> 元素将会填充整个 <td> 元素的高度，无论 <td> 元素的高度如何变化。这种方法适用于需要实现类似于垂直居中或全屏效果的布局。