【发布时间】：2021-07-13 18:50:37
【问题描述】：
这是我从 Facebook 获得的嵌入代码
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fbrendan.domotor%2Fposts%2F10158014151756039&show_text=true&width=500" width="500" height="703" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>但是，如果我将 iframe 标记内的高度更改为小于 703，请将其设置为 300。内容内的页面不可滚动，即使我将 scrolling 更改为 yes
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fbrendan.domotor%2Fposts%2F10158014151756039&show_text=true&width=500" width="500" height="300" style="border:none;overflow:hidden" scrolling="yes" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>检查 Facebook 页面源，插件类的 overflow 设置为 hidden。
如果我取消设置overflow，页面可以滚动。但由于它是一个 iframe 嵌入，我该怎么做才能取消 iframe 内托管的子页面中的 css？谢谢！
【问题讨论】：
-
“我可以做些什么来取消设置 iframe 中托管的子页面中的 css？” - 当然，几乎什么都没有。
-
但也许将 iframe 保留在其原始给定高度，并将其粘贴到具有有限高度和溢出的容器 div 中：auto 可以满足您的需求。
标签： facebook iframe facebook-iframe