移除 iframe 水平滚动条答案

【问题标题】：Remove iframe horizontal scrollbar移除 iframe 水平滚动条
【发布时间】：2011-03-27 18:29:19
【问题描述】：

我想删除 iframe 中的水平滚动条。我只需要一个垂直滚动条来查看冗长的内容。我的代码是

<iframe height='514' width='790' 
        marginwidth='0' marginheight='0' 
        frameborder='0' 
        overflow-y='scroll' 
        overflow-x='hidden'>
</iframe>

请任何人解决我的问题。提前祝愿。

【问题讨论】：

你能接受你认为最正确的答案，还是写你自己的答案并接受？

标签： html iframe

【解决方案1】：

在 iframe 页面本身中，添加以下内容：

body {
    overflow-x:hidden;
    height:100%; //optional, but it can't hurt.
}

【讨论】：

“在 iframe 页面本身”这是其他答案中缺少的宝贵信息，谢谢！
@Shankaralwar：请接受这个答案作为解决方案，感谢您尊重这个社区及其规则
您必须将可选的注释放入 /* */ 中，因为这就是您在 CSS 中注释内容的方式。

【解决方案2】：

如果您使用的是支持 CSS3 的浏览器，则可以使用 overflow-x 属性。

#my-iframe
{
   overflow-x:hidden;
}

【讨论】：

【解决方案3】：

尝试将滚动属性设置为“否”

<iframe scrolling="no" ..............> </iframe>

【讨论】：

【解决方案4】：

Here 是一个 IFrame 调整大小的脚本。

但是，如果您使用 SSL，则无法使用脚本在框架和主窗口之间进行通信。它将给出“拒绝访问”。 :-(

【讨论】：

【解决方案5】：

解决办法是：

style="overflow-x:hidden;
overflow-y:scroll;

在iframe所包含页面的标签<body>中

SEE THIS LINK PAGE

拉斐尔的问候。

【讨论】：

在提供原始答案两年后，请不要重复相同的答案，稍作修改。
我在其他地方没有看到这个答案？提供的答案无效，但这个答案有效。