IFRAME with overflow:hidden 仍然在 Chrome 中显示滚动条

Question

我试图强制 IFRAME 从不显示滚动条，但设置 CSS 属性overflow:hidden !important不起作用。Chrome 的开发人员工具显示应用的样式为overflow:hidden，但计算的样式为overflow:visible。在下面的屏幕截图中查看确切的标记和 CSS：

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

更多信息：

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

Answer 1

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