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中的內容。