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

Question

我有一个IFRAME,溢出隐藏在css和html中.它适用于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

经过一项相当大的研究,我已经完成了这个主题,我想发表我的答案,我建议,这可能是Joonas答案的补充:

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

我认为,无论是scrolling和overflow:hidden应提供的,尽管这种解决方案将不会在Chrome和HTML5文档类型的组合工作.scrollingHTML5中不推荐使用该overflow属性,该属性不会影响Chrome中的iframe.我假设,后者是一个错误,因为HTML5规范明确说明:

此外,HTML5没有 HTML4 中的表示属性,因为它们的函数更好地由CSS处理:
(...)
- td和th的nowrap属性.
- 表上的规则属性.
- iframe上的滚动属性.
- hr的size属性.
- li和ul的type属性.
(......)

很明显 - 在HTML5中scrolling应该用CSS代替overflow.