Html 带浮子的iframe在镀铬中消失

我有一个网站，使用iframe从Archive.org加载音频播放器。三年来，该网站一直运转良好。然而，当我昨天将Chrome升级到60版时，iFrame出现了一瞬间，然后消失了。该网站在其他浏览器中仍然运行良好

例如，该页面具有以下iframe：

<iframe class="archive-l" frameborder="0" height="400" 
src="https://archive.org/embed/gd1970-02-13.sbd.miller.fix-
97613.97639.sbeok.flac16&amp;playlist=1" width="300"></iframe>

archive-l类包含一个float:left。如果删除float:left，iframe将以Chrome渲染。如果我移除浮点，将iframe包装在div中，并将div浮点化，iframe就会渲染。你可以看到我在这里做到了：

---

显然，我可以将所有2000多个页面上的iframe包装在一个div中并使其工作，但我仍然想了解为什么会出现这个问题

我发现了一个棘手的解决办法：您应该在iframe上触发宽度更改/调整大小

尝试：

---

在Chrome版本60中，加载后浮动iFrame消失似乎是一个已知的问题。该问题已在版本61中修复。

---

而且。

我看到Chrome 60唯一的问题是iframe的宽度…@Alessio为什么宽度有问题？我看到内容是cut@Alessio我明白你在02-13-1970页上说的了。但这并不是问题的根源。正如您所看到的，其他页面中的iframe（例如未剪切内容的页面）仍在消失。我明白了，您是否也尝试过设置iframe的宽度？请批准答案，如果有帮助，请进行投票；）谢谢，我很感激你的解决方法。但是你没有回答我的问题，是什么导致了这个问题。对于任何遇到这个问题的人来说，上面的JQuery解决方案似乎只是让iframe可见，直到用户单击iframe中的某个东西。单击iframe后，内容再次消失。@kosher但该解决方法在单击时不起作用，您应该在iframe完成加载后运行它。例如，当页面完全加载后，如果我在控制台中运行它，iframe将始终保持可见状态。可能是在页面完全加载之前运行它？

jQuery('.field__item iframe').css('width','auto');