容器高度的100%而不修改容器

时间:2011-01-15 09:31:24

标签: html css html-table

我正在编写一些要插入页面的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>

我可以完全控制桌子,但没有其他。我想要做的是让内容填满整个单元格。我已经得到了宽度,但我无法达到正确的高度。

我尝试过的一些事情是:

  • height设置为100%
  • height=200等属性。
  • 给予内容绝对定位。不幸的是,它填满了页面而不是单元格。

我没有解决的主要问题是因为左栏和内容的高度不同。当左列大于内容时,它不会扩展。不幸的是,固定高度iQ不是一种选择,因为它没有响应。

如何让内容适合整个表格单元?

1 个答案:

答案 0 :(得分:0)

您考虑过iframe吗?在我看来,您可以在表格单元格div中设置iframe的参数,因为iframe通常不关心它在页面上的位置。