Html 容器高度的100%，无需修改容器

我正在写一些要插入页面的HTML。目前的结构是这样的：

<table>
 <tr>
  <td rowspan="2">left column</td>
  <td height="1">top row above content</td>
 </tr>
 <tr><td height="220">my content here</td></tr>
</table>

左列
内容上方的第一行
我的内容在这里

我完全控制了桌子，但除此之外什么都没有。我想做的是让内容填满整个单元格。我已经得到了宽度，但我不能得到正确的高度

我尝试过的一些事情是：

• 将

  高度设置为
  100%
  
  属性，如
  高度=200
  给予内容绝对定位。这不幸地使它填充了页面而不是单元格
  

我没有解决的主要问题是因为左列和内容的高度不同。当左列大于内容时，它不会展开。不幸的是，固定高度iQsn不是一个选项，因为它没有响应能力

---

如何使内容适合整个表格单元格？

您是否考虑过

iframe

？在我看来，您可以在表格单元格div中设置

iframe

的参数，因为

iframe

通常不关心它在页面上的位置。

在哪个浏览器中

高度：100%

不工作？我尝试了FF 3.6、Opera 11、IE8和Chrome 8，它们都很高兴地填满了td（）的整个高度。这说明了问题（从上面的示例复制并从实际页面添加了一些属性）：在Firefox和Opera中，蓝框都没有占据整个容器，因为大的红色框会扩展它。这是什么意思“div填充整个单元格”，你的意思是内容完全填充每个表格单元格吗？另请看，你能不能添加有关如何使用此功能的详细信息？现在它没有太多意义。