溢出:隐藏; 在使用IFRAME的Chrome上无法使用?

我有一个溢出隐藏在CSS和HTML的IFRAME。 它适用于Firefox,但不适用于Chrome / Safari

为什么是这样?

对,如何:

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

如在scrolling="no"

http://jsfiddle.net/neSBS/

经过一个相当大的研究,我已经完成了这个问题,我想发布我的答案,我build议,可以是Joonas的答案的补充:

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

我认为,应该提供scrollingoverflow:hidden ,虽然这个解决scheme不能在Chrome和HTML5文档types的组合中工作。 scrolling属性在HTML5中已弃用, overflow属性不会影响Chrome中的iframe。 我认为,后者是一个错误,因为HTML5规范明确指出:

另外, HTML5没有 HTML4 中的表示属性 ,因为它们的function更好地由CSS处理:
(……)
– td和th的nowrap属性。
– 表上的规则属性。
在iframe上滚动属性
– 小时的尺寸属性。
– li上的type属性和ul。
(……)

这很明显 – 在HTML5 scrolling应该被CSS overflow取代。

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

正如在Safari / Chrome(Webkit)上find的那样 – 无法隐藏iframe垂直滚动条

使用overflow-y:hidden; 那么垂直滚动将被隐藏。

width: 99.99%; 为我做了诡计。

我在Chrome中遇到了这个问题,但在Firefox中却没有。