html - 带溢出的 IFRAME :hidden still shows scrollbars in Chrome

Question

我试图强制 IFRAME 从不显示滚动条，但设置 CSS 属性 overflow:hidden !important 不起作用。 Chrome 的开发者工具显示applied style是overflow:hidden，但是computed style 作为 overflow:visible。在下面的屏幕截图中查看确切的标记和 CSS:

这似乎是 Chrome 中的一个错误(这个在 Chromium 中重现，顺便说一句)。但我仍在寻找解决方案或解决方法。

更多信息:

• UI 中唯一可见的滚动条是垂直滚动条。
• 添加属性 scrolling="no" 没有任何区别。
• 显式添加 overflow-x: hidden !important 和 overflow-y: hidden !important 也不起作用。
• 内联样式没有区别。
• 我不控制 IFRAME 中的 HTML。此内容是响应式的(它适应 IFRAME 的大小)。
• 将 IFRAME 的宽度增加 5 个像素可消除垂直 滚动条，但它还使其内容重排并完全改变布局。
• Chrome 版本是 56.0.2924.87。

Answer 1

正在呈现的滚动条不是 iframe 标签，而是 iframe 内的 html 标签。所以这就是应该应用 overflow: hidden; 声明的地方。 iframe本身确实存在 overflow hidden 。