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 doctype的组合。 HTML5中不推荐使用scrolling属性，overflow属性不会影响Chrome中的iframe。我假设，后者是一个错误，因为HTML5 specification清楚地说：

此外， HTML5没有HTML4中的表现属性，因为 CSS可以更好地处理它们的功能：
  （...）
   - td和th的nowrap属性    - 表格中的规则属性    - iframe上的滚动属性。
   - hr的尺寸属性    - li上的type属性和ul。
  （...）

清楚地说 - 在HTML5 scrolling中应该用CSS overflow替换。

Answer 3

奇怪但 - 变换：旋转（0.00001deg）;对于溢出的div：隐藏;对我有帮助。

Answer 4

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

发现于 - Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar

Answer 5

使用 overflow-y：hidden; ，然后隐藏垂直滚动。

Answer 6

Just width: 99.99%;为我做了诀窍。

我在Chrome中遇到此问题但在Firefox中没有。

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

6 个答案: