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

导读:
  来源:Cutsin受难记(BLOG)
  使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了就出现水平滚动条,但是在IE6中,只要尺寸大于等于预定高度,就会两个滚动条一起出现,这好象是一个bug。
  解决方法:
  在子网页设置css如下:
  html {
  overflow-y:auto!important;
  *overflow-y:scroll;
  }
  这段最重要的一点是设置 overflow-yscroll,这样强制出现垂直滚动条的话,水平滚动条就不会显示出来了,但如果宽度超出过多,水平滚动条还是会超出,这时可以考虑设置: overflow-x:hidden;,但相应的,这样用户就无法滚动子页面了。
  之所以要加 overflow-y:auto!important;,是因为IE7中已没有这个bug,并且firefox也能认到overflow-y这个据说是IE的私有属性……,所以我们还要把overflow设回来。
  ========================================================================
  这文章是转别人的,, overflow-y或 overflow-x 只出现竖着的滚动条或横着的,如果不想出现滚动条,哪不用筐架不就好了。或着隐藏超出的部分

本文转自
http://hi.baidu.com/webdivcss/blog/item/a3f2c5dddab580ec77c6380a.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值