Iframe框架在IE6显示横向滚动条的问题

概述frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在IE6中，只要尺寸大…

frameset,iframe,frame框架页面在ie6中出现横向滚动条BUG的隐藏方法

使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在ie6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是一个BUG。

解决方法：
在子网页设置CSS如下：这段最重要的一点是设置overflow-y为scroll，这样强制出现垂直滚动条的话，水平滚动条就不会显示出来了，但如果宽度超出过多，水平滚动条还是会超出，这时可以考虑设置:overflow-x:hIDden;，但相应的，这样用户就无法滚动子页面了。

HTML {
overflow-y:auto!important;
*overflow-y:scroll;
}

 

之所以要加overflow-y:auto!important;，是因为ie7中已没有这个BUG，并且firefox也能认到overflow-y这个据说是IE的私有属性……，所以我们还要把overflow设回来。

上面这个方法还可以有改进的地方
既然只有ie6有这个BUG那就只针对ie6写就行了
HTML {_overflow-y:scroll;}
_下划线是ie6专有的 这样就又省了一行代码 又提高了效率

总结

以上是内存溢出为你收集整理的Iframe框架在IE6显示横向滚动条的问题全部内容，希望文章能够帮你解决Iframe框架在IE6显示横向滚动条的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。