在 TD 内显示 iframe

van*_*van 4 html css

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

我试图在 div 中显示 iframe,并在表格单元格 () 内使用以下代码,如下所示:

<td class="style24" style="width: 800px">
<div id='outerdiv '>
<iframe src="www.google.com" id='inneriframe' scrolling=no >< /iframe>
</div>
</td>
Run Code Online (Sandbox Code Playgroud)

问题是 iframe 导致表格单元格增大,然后将页面右侧的内容推离页面!

有没有办法限制显示的 iframe 的大小,而不会使表格单元格增长?限制 iframe 的宽度似乎没有效果,只要将 div 内容放入 td 中就会出现效果。

Mar*_*ein 5

您可以尝试将宽度和/或高度添加到 iframe 并#outerdiv(添加溢出-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>
Run Code Online (Sandbox Code Playgroud)