如何使 IFRAME 拉伸表格单元格内的所有垂直空间？答案

【问题标题】：How to make an IFRAME stretch all the vertical space inside a table cell?如何使 IFRAME 拉伸表格单元格内的所有垂直空间？
【发布时间】：2011-11-17 00:05:59
【问题描述】：

我有一个表格单元格，其宽度固定为 180 像素，高度可变。我想在其中显示一个 IFRAME。

我的代码如下：

<iframe
    src="mypage.html"
    width="180px"
    height="100%"
    frameborder="0">
</iframe>

它可以在 Google Chrome 13.0.782.220 中正常运行。

但在 Mozilla Firefox 6.0.2 中，IFRAME 的高度并未覆盖整个单元格。它的高度不足以显示它的所有内容，所以出现了垂直滚动条。

我想让 IFRAME 在 Mozilla Firefox 中的表格单元格内拉伸，就像在 Google Chrome 中一样。有没有办法做到这一点？

【问题讨论】：

标签： html firefox iframe height stretch

【解决方案1】：

这在 HTML 中是不可能的。我曾经遇到过同样的问题。尝试改变你的设计。

【讨论】：

【解决方案2】：

根据规范，如果您的表格单元格的高度是auto，那么该 iframe 的高度也是 auto...如果 Gecko 支持的单元格是绝对包含块的，您可以使用绝对定位和 0 偏移量来执行此操作，但不幸的是，这也行不通。

【讨论】：