iframe with float在Chrome中消失了

Question

我有一个使用iframe的网站从Archive.org加载音频播放器。该网站已经工作了三年。但是，当我昨天将Chrome升级到版本60时，iframe会立即显示然后消失。该网站在其他浏览器中仍然可以正常使用。

例如，页面http://gratefuldeadoftheday.com/02-13-1970包含以下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。如果我删除浮动：左侧，则iframe会在Chrome中呈现。并且，如果我删除浮动，将iframe包装在div中，并浮动div，iframe呈现。您可以在此处看到我已完成此操作：http://gratefuldeadoftheday.com/08-26-1971

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

Answer 1

我找到了一个肮脏的解决方法：你应该在iframe上触发宽度更改/调整大小。

尝试：

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

Answer 2

加载后浮动的iframe消失似乎是Chrome版本60中的已知问题。问题已在版本61中修复。 You can see more about this here和here。