DIV在表格单元中伸展到100%的高度

在HTML中，<div>元素是一个常用的容器，用于组织和布局其他元素。而<table>元素用于创建表格。要使<div>元素在表格单元中伸展到100%的高度，可以使用CSS的height属性。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head><style>
  table {
    height: 100%;
    width: 100%;
  }
  td {
    height: 100%;
    width: 50%;
    border: 1px solid black;
  }
  div {
    height: 100%;
    background-color: lightblue;
  }
</style>
</head>
<body><table>
  <tr>
    <td>
      <div>DIV in table cell</div>
    </td>
    <td>
      <div>Another DIV in table cell</div>
    </td>
  </tr>
</table>

</body>
</html>

在这个示例中，我们为<table>元素设置了height属性为100%，为<td>元素设置了height属性为100%。然后，我们将<div>元素放入表格单元格中，并为它们设置height属性为100%。这样，<div>元素就会在表格单元格中伸展到100%的高度。

需要注意的是，这个方法只适用于固定高度的表格。如果表格的高度是动态的，那么可能需要使用JavaScript来计算<div>元素的高度。