使用以下代码我仍然得到一个水平滚动条

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上试用。