无法从 iframe 中删除水平滚动条答案

【问题标题】：Can't remove horizontal scrollbar from iframe无法从 iframe 中删除水平滚动条
【发布时间】：2015-02-06 04:24:02
【问题描述】：

我有一个应该有一个垂直滚动条的 iframe，但我不希望出现水平滚动条。除了在 iframe 标记中放置 scrolling="no" 之外，我所做的任何事情都不会让滚动条消失，但我不能这样做，因为我需要垂直滚动条。

我尝试了以下方法来摆脱滚动条：

<iframe src="xxx"  style="overflow-x:hidden;overflow-y:scroll" height="800"></iframe>

和

<iframe src="xxx"  scrolling="yes" horizontalscrolling="no" verticalscrolling="yes" height="800"></iframe>

但水平滚动条不会消失。

You can view the page here，尽管您需要将 iframe 上的高度设置为 800 才能解决滚动问题（iframe 在 Chrome 上会自行调整大小，但在 ie8 上却没有，这就是我需要启用垂直滚动的原因）

【问题讨论】：

【解决方案1】：

这里有几个问题。首先， scrolling="no" 是禁用滚动条的正确方法。当然，这会使您的 IE8 无法正确调整大小。我需要了解更多有关您正在进行的特定设置的信息...为什么不能为 iframe 设置宽度？

您可以在 iframe 上执行：width="100%" 以确保它已尽其所能，或者您可以查看使用 Javascript 设置页面加载时的宽度。

【讨论】：

我确实为 iframe 设置了宽度，但 iframe 的内容可能比这更宽。我发现其中一个正在加载的页面有一个宽度：928px 的对象，它超过了我的 iframe 的宽度；这就是导致水平滚动条的原因。但是，我无权访问 iframe 中正在加载的页面的 css 文件。
@user3784238 不幸的是，这是不可能的。您必须使用 iframe 以外的其他工具，例如使用 cURL 服务器端检索页面，然后应用您自己的 CSS 规则。