html - 根据内容自动更改 iframe 的高度

Question

我用iframe嵌入了一个论坛页面，论坛首页的高度有一定数量的像素，更准确地说是1500px，但是当我按下一个高度大于的主题时1500px，iframe添加滚动条。有什么办法可以动态地做到吗？适应我按下的每个新主题？

代码如下:

<div align="center">
    <iframe height="1500" width="1300" frameborder="0" src="http://thc-racing.forumotion.co.uk/">
        your browser does not support IFRAMEs
    </iframe>
</div>

我在 Google 上进行了搜索，但没有找到任何可用的代码。

这是链接:http://thc-racing.ucoz.com/index/forum/0-14

Answer 1

Pavlo 是正确的，您无法仅使用 HTML 和 CSS 完成此操作，因为论坛位于不同的域中。但是，您可以使用一些服务器端脚本(如 PHP)在您的域上获取论坛帖子。我不确定这是否适用于您的元素，但为了以防万一，我会为您描述一下。您要做的是将 iFrame 源设置为服务器上的一个页面，例如 forum.php。然后，在该文件中，从所需的 URL 加载 HTML 并将其放入 DOM 对象中。这允许您对您拉出的页面做各种整洁的事情，比如确定事物的高度。我有一个 Github，它做的事情非常相似。它从 Google 日历中获取源，以便您可以动态设置它的样式。在此处查看代码:

https://github.com/jmeas/PHP-Styled-Google-Calendar

如果您希望选择 PHP，请告诉我，我可以帮助您做出更详细的答复。