html - 在 TD 中显示 iframe

Question

我的页面布局采用表格结构(我知道这不理想 - 我继承了它)。

我正在尝试在表格单元格 () 内使用以下代码在 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>