HTML：让表格单元格使用所有可用高度

Question

我有一个包含使用rowspan的动态内容的表。虽然很容易使用“width：100％”来获取表格列以使用所有可用宽度，但等效物只是不适用于高度：

<table>
  <tr>
    <td colspan=2 rowspan=2>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br>x<br></td>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td colspan=2 bgcolor=red style="height: 100%">C</td>
  </tr>
</table>

不幸的是，红表格单元格仅使用最小高度，但应使用最大值。

如果不诉诸JS，可以实现这一目标吗？

Answer 1

奇怪的是，解决方案是告诉CSS与你想要的完全相反 - 当我告诉它使用100％高度的单元格A时，它将它赋予单元格C：

byte[] data = new byte[4]; // buffer to contain results of the read.
SerialPort.Read(data, 0, 4);