在TD内显示iframe

Question

我的页面布局是用表格构成的（我知道这不太理想 - 我继承了它）。

我正在尝试在div中使用以下代码在div中显示iframe，如下所示：

<td class="style24" style="width: 800px">
<div id='outerdiv '>
<iframe src="www.google.com" id='inneriframe' scrolling=no >< /iframe>
</div>
</td>

问题是iframe导致表格单元格增长，然后将页面右侧的内容推离页面！

有没有办法限制显示的iframe的大小，这不会使表格单元格增长？限制iframe的宽度似乎没有效果，只要将div内容放在td中就会产生效果。

Answer 1

您可以尝试将宽度和/或高度添加到iframe和#outerdiv（将overflow-x添加到#outerdiv作为故障保护）：

<td class="style24" style="width: 800px">
<div id='outerdiv' style="width:800px; overflow-x:hidden;">
<iframe src="www.google.com" width="800" frameborder="0" id='inneriframe' scrolling=no >< /iframe>
</div>
</td>

Answer 2

在outerdiv上放置一个css overflow属性，你也可以声明iframe的宽度

Answer 3

这对我有用，但是没有看到与#outerdiv，.style24和#inneriframe相关联的样式，有点难以判断这是否适合你。

#outerdiv {
    width: 800px;
    height: 600px;
}
#inneriframe {
    width: 100%;
    height: 100%;
}