使用下面的代碼我仍然得到一個水平滾動條

Question

我有以下代碼，但我仍然得到一個水平滾動條。我如何關閉它？

<style> 
     #IDXSearchBox { 
      width:900px; 
      height: 7500px; 
      overflow-y: scroll; 
      overflow-x: hidden;} 
</style> 

<iframe 
     id=IDXSearchBox 
     src="http://mrmlsmatrix.com/Matrix/public/IDX.aspx?idx=########"> 
</iframe> 

我也嘗試添加scroll-x:hidden;到CSS，但它沒有任何效果。

感謝，

吉姆

Answer 1

當我縮小iframe的高度和寬度有工作你寫的代碼。您看到的水平滾動條可能是整個頁面，因爲iframe非常寬，而不是iframe本身的滾動條。
更可能的是它的瀏覽器，因爲overflow-x和-y是CSS3的新手，請在最新版本的Chrome或Firefox上試用它。