`
hengxing2009
  • 浏览: 86258 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE6 iframe 横向滚动条问题

阅读更多
iframe 标签 -- 代表HTML内联框架

iframe 标签是成对出现的,以<iframe>开始,</iframe>结束

iframe 标签内的内容可以做为浏览器不支持iframe标签时显示

属性

Common -- 一般属性

name -- 定义了内容页名称,此名称在框架页内链接时使用到

src -- 定义了内容页URL(同frame标签)

frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1 -- 在每个页面之间都显示边框
0 -- 不显示边框

height -- 框架的高度,取值像素或百分比

width -- 框架的宽度,取值像素或百分比

marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定

marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定

scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
yes -- 显示滚动条
no -- 不显示滚动条
auto -- 当需要时再显示滚动条
align -- 垂直或水平对齐方式
longdesc -- 定义框架页的说明

IE6 iframe 横向滚动条问题,用iframe的时候,里面包含的页的高度或者宽度(注意)只要是其中之一或者两者的高或者宽超过了你的DIV(也就是task_pane)时,IE6都会出现横向滚动条,而IE7和FF是正常的。

经典论坛有解决方案,经实践证明,设定iframe 样式,overflow-x: hidden,且将scrolling设为“yes”,这样的方法是有效的。如果只定义scrolling为yes,在FF下会出现横向滚动条。

<iframe src="#" scrolling="yes" style="overflow:visible;">
</iframe>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics