我的iframe有问题。我真的希望帧根据iframe中的内容自动调整高度。我真的很想通过CSS而不是javascript来实现这一点。但是，如果我也有javascript，我将使用javascript
我试过身高：100%和高度：自动，等等。我只是不知道还有什么可以尝试
这是我的CSS。对于框架
帧{
位置：相对位置；
溢出：隐藏；
宽度：860px；
身高：100%；
}
然后是框架的页面
#包装{
浮动：左；
位置：绝对位置；
溢出：隐藏；
宽度：780px；
身高：100%；
文本对齐：对齐；
字体大小：16px；
颜色：#6BA070；
字母间距：3px；
}
页面的编码如下所示
<；！DOCTYPE html PUBLIC“-//W3C//DTD XHTML 1.0//EN”�� "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>；
<；html xmlns=”http://www.w3.org/1999/xhtml“xml:lang=“en”lang=“en”>；
<；meta http equiv=“Content Type”Content=“text/html；charset=utf-8”>；
<；头>；
<；meta http equiv=“Content Type”Content=“text/html；charset=UTF-8”/>；
<；标题></标题>；
<；link rel=“样式表”href=”https://stackoverflow.com/questions/24157940/style.css“type=“text/css”/>；
</头>；
<；车身>；
<；div id=“容器”>；
<；div id=“header”>；
</部门>；
<；div id=“导航”>；
<；a href=”https://stackoverflow.com/“class=”导航“>；主页</a>；
<；a href=”https://stackoverflow.com/questions/24157940/about.php“class=”导航“>；关于</a>；
<；a href=”https://stackoverflow.com/questions/24157940/fanlisting.php“class=”导航“>；粉丝榜</a>；
<；a href=”https://stackoverflow.com/questions/24157940/reasons.php“class=”导航“>；100个理由</a>；
<；a href=”https://stackoverflow.com/questions/24157940/letter.php“class=”导航“>；字母</a>；
</部门>；
<；div id=“content”>；
<；h1>；更新信息</h1>；
<；iframe name=“frame”id=“frame”src=”http://website.org/update.php“allowtransparency=”true“frameborder=”0“></iframe>；
</部门>；
<；div id=“footer”>；
</部门>；
</部门>；
</车身>；
</html>；
请注意，iframe中的URL与iframe将显示的网站不同。但是，我可以访问这两个网站
有人能帮忙吗
我也有同样的问题，但发现以下几点非常有效：
创建响应性YouTube嵌入的关键是使用填充和容器元素，这允许您为其提供固定的纵横比。您还可以将此技术用于大多数其他基于iframe的嵌入，例如幻灯片
下面是典型的YouTube嵌入代码的样子，具有固定的宽度和高度：
<；iframe width=“560”height=“315”src=”https://www.youtube.com/embed/yCOY82UdFrw"
frameborder=“0”allowfullscreen></iframe>；
如果我们能给它一个100%的宽度就好了，但是它不能工作，因为高度是固定的。您需要做的是将其包装在这样的容器中（注意类名以及宽度和高度的删除）：
<；div class=“container”>；
<；iframe src=”https://www.youtube.com/embed/yCOY82UdFrw"
frameborder=“0”allowfullscreen class=“video”></iframe>；
</部门>；
并使用以下CSS：
.container{
位置：相对位置；
宽度：100%；
身高：0；
垫底：56.25%；
}
.视频{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
这是我在上面找到解决方案的页面：
https://www.h3xed.com/web-development/how-to-make-a-responsive-100-width-youtube-iframe-embed
根据您的纵横比，您可能需要调整填充底部：56.25%以获得正确的高度