Question

我需要一些简单的练习建议 - 我通常不会编写html UI代码。以下代码尝试在表格单元格中加载2个iframe：

<html>
    <body>
    <table border="1">
    <tr>
    <td>
    <div id='outerdiv '>
    <iframe src="book.jsp" id='outiframe' scrolling=no >< /iframe>
    </div>
    </td>
    </tr>
    <tr>
    <td>
    <div id='summarydiv '>
    <iframe src="book-view.jsp" id='inneriframe' scrolling=no >< /iframe>
    </div>
    </td>
    </tr>
    </table>
    </body>
    </html>

显然，必须添加其他属性才能使2个iframe可见目前，IE8显示了水平放置在彼此旁边的iframe，两者都没有全部显示 Firefox只显示最上面的一个这里需要的最小基本模板是什么才能使2个iframe调整并一起显示 - 并且可以根据浏览器大小调整大小。

Answer 1

问题是你的关闭iframe代码中有空格

< /iframe>

应该是

</iframe>

Answer 2

无需添加额外的div标签。将id“outerdiv”和“summerydiv”赋予TD并设置css样式max-height和max-width。

它可以将您的iFrame保持在原位。

在表格中调整iframe

2 个答案: