如何使iframe的高度灵活?

时间:2017-03-05 16:15:56

标签: java html css

我想在我自己的网页中显示另一个网页,使某些部分不可见。

我用这段代码做得非常好

<div style="border: 0px solid #D5CC5A; overflow: hidden; margin: 15px auto; max-width: 300px;">
  <iframe scrolling="no"
          src="the site address" style="border: 0px none; margin-left: -3px; height: 9200px; margin-top: -50px; width: 300px;">
  </iframe>
</div>

由于我发现即使内页的最高文章也适合这种情况,因此我花了9200px。

剩下的问题是例如第一页是一个简单的页面没有任何长篇文章所以iframe和我的网页有一个高滚动条(9200px),即使内容很短!

如何才能告诉iframe只有长页面扩展到9200px的高度?

对于短页面,高度应该是500px或其他。

2 个答案:

答案 0 :(得分:0)

我不太了解你的问题。如果您尝试在iframe中剪切页面中的某个部分,则无法通过定义高度和宽度来执行此操作。 iframe必须复制您尝试通过它完全显示的网站,因此您无法使用iframe隐藏该网页上的元素。

希望这会有所帮助。

答案 1 :(得分:0)

不,我写这个你说的!它就是它 - 它就是:

<html>
<body>
<  style="border: 0px solid #D5CC5A; overflow: hidden; margin: 15px auto; max-width: 300px;">
<iframe scrolling="no"
 src="https://stackoverflow.com" style="border: 0px none; margin-left: -3px; height: 9200px; margin-top: -50px; width: 300px;">
</iframe>
</div>
</body>
</html>

但  acctuly我想为它做个条件

说我想在网页上显示的页面高度

是长fpr eaxample - hight = 9000

我的代码在我告诉的部分(hight = 9200)

首先将我为您编写的代码的高度更改为

页面高度(我在里面显示)