html - 容器高度的 100%,无需修改容器

标签 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>

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

我尝试过的一些事情是:

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

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

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

最佳答案

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

关于html - 容器高度的 100%,无需修改容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4698865/

相关文章:

php将一个包含一些js的网页包含到一个div中

javascript - 使用onClick从javascript创建html按钮调用一个参数的方法

Jquery - 打破/防止每个循环

javascript - Ajax调用相同的id

html - 用 REPEATING BG Div (CSS) 填充剩余空间

css - 如何在CSS中选择 parent 的 parent ?

javascript - HTML 表格样式特定列

javascript - 如何解决从带有网格的 scrollmagic 生成的 <div> 的问题?

html - 如何将表格从 html 完全复制到 MS Word?

css - 滚动时粘性表格列右侧出现阴影