我必须在iFrame中加载远程网址。远程内容将比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，Chrome，Opera ......它可能是一个bug或者什么的。 小提琴： http://jsfiddle.net/DpbUy/3/
<小时/> 我还尝试了here中标记为已接受的答案中提供的iFrame标记horizontalscrolling和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中，但我想要一个更干净的方式。< / p>
我想知道我是否应该放弃这个并尝试另一种方法。有人可以告诉我是否可以这样做？
答案 0 :(得分：1)
要从iframe中删除水平滚动条，请将此css规则应用于它：
iframe{
overflow-x:hidden
}
您无需将其应用于iframe内容。