iFrame溢出x在Chrome浏览器，IE浏览器，Opera浏览器，但不是火狐浏览器上的BUG

Question

我必须在iFrame中加载远程URL。远程内容将比iFrame宽一点。我不希望水平滚动条显示，但是如果需要，可以显示垂直滚动条。

我想这下面的代码：

<iframe scrolling="auto" style="width:500px; height:300px; border:0; padding:0; margin:0; overflow-x:hidden; overflow-y:auto;" src="http://digg.com"></iframe> 

它工作在Firefox，但并不在IE浏览器，铬，歌剧...这可能是一个错误或东西。 小提琴： http://jsfiddle.net/DpbUy/3/

---

我也试过标签 horizontalscrolling和标记为 here接受的答案提供的iframe的 horizontalscrolling，但没有运气无论是。

<iframe scrolling="yes" horizontalscrolling="no" verticalscrolling="yes" style="width:500px; height:300px; border:0; padding:0; margin:0;" src="http://digg.com"></iframe> 

在任何浏览器中根本不起作用。

小提琴： http://jsfiddle.net/85q4r/

---

我知道我可以只是删除iFrame的滚动条和它的高度设置为4000px或东西，然后把它与overflow-x:hidden; overflow-y:auto;一个div里面，但我希望有一个更干净的方式。

---

我想知道如果我只是应该放弃这一点，并尝试另一种方法。有谁能告诉我是否有可能做到这一点？

Answer 1

若要从IFRAME删除水平滚动条，将此CSS规则吧：

iframe{ 
    overflow-x:hidden 
} 

你并不需要将其应用到iframe中的内容。