溢出：隱藏;在使用IFRAME的Chrome上無法使用？

Question

我有隱藏在CSS和HTML中溢出的IFRAME。它適用於Firefox，但不適用於Chrome/Safari

這是爲什麼？

Answer 1

權，怎麼樣：

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

如scrolling="no"

http://jsfiddle.net/neSBS/

Answer 2

使用溢出-Y：隱藏;然後垂直滾動將被隱藏。

Answer 3

一個相當大的研究，我已經在這個問題上，我想發表我的回答，我認爲，可能是除了Joonas的回答完成後：

<style> 
    iframe { 
     overflow:hidden; 
    } 
</style> 
(...) 
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe> 

我認爲，無論是scrolling和overflow:hidden應該提供，儘管此解決方案不適用於Chrome和HTML5文檔類型的組合。 scrolling屬性在HTML5中已棄用，overflow屬性不會影響Chrome中的iframe。我認爲，後者是一個錯誤，因爲HTML5 specification清清楚楚地寫着：

此外，HTML5有沒有表現屬性這是在HTML4作爲它們的功能更好的通過CSS處理的：
（...）
- 在td和th上的nowrap屬性。
- 表上的規則屬性。
- iframe上的滾動屬性。
- hr上的尺寸屬性。
- li上的type屬性，以及ul。
（...）

它說清楚 - 在HTML5 scrolling應該由CSS overflow所取代。

Answer 4

只是width: 99.99%;爲我做了詭計。

我在Chrome中遇到過這個問題，但在Firefox中沒有這個問題。

Answer 5

<style> 
    iframe::-webkit-scrollbar { 
    display: none; 
} 
</style> 

由於上找到 - Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar