帶浮動效果的iframe在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> 

歸檔-1級包括浮動：左。如果我刪除float：left，則iframe會在Chrome中呈現。而且，如果我刪除浮動，將iframe包裝在div中，然後浮動div，iframe呈現。你可以看到我已經在這裏完成了：http://gratefuldeadoftheday.com/08-26-1971

顯然，我可以將所有2000+頁面上的iframe包裝在一個div中，並讓它工作，但我仍然想明白爲什麼會出現這個問題。

Answer 1

我發現一個骯髒的解決方法：你應該觸發寬度更改/調整大小的iframe。

嘗試：

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

Answer 2

似乎漂浮的I幀消失後裝在Chrome版本60的已知問題的問題已在版本61 You can see more about this here和here。