ie6框架下，出现横向滚动条bug

最新推荐文章于 2020-12-23 12:09:28 发布

jsuzzy

最新推荐文章于 2020-12-23 12:09:28 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： css样式问题文章标签：框架 ie 浏览器 html

本文链接：https://blog.youkuaiyun.com/jsuzzy/article/details/4604264

css样式问题专栏收录该内容

11 篇文章

订阅专栏

本文介绍了IE6浏览器在框架下出现横向滚动条的问题及其解决办法。原因是IE6未将竖向滚动条计入宽度，导致出现额外的横向滚动条。解决方法是在子框架的html标签中设置overflow-x:hidden; overflow-y:auto;。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

碰到ie6在框架下出现横向滚动条的问题，其他浏览器都没有这个滚动条。

纠其原因，可能是因为ie6下的宽度没有把竖向的滚动条算进去，所以一旦高度出现滚动条，ie6横向的宽度相当于增加了这个滚动条，进而出现了横向滚动条。而别的浏览器就不会这么计算。

解决方法：

把出现滚动条的子框架中，在html标签里添加样式：overflow-x:hidden;overflow-y:auto;

这样就ok啦！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jsuzzy

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

去掉ie横向滚动条

gaotongzhao的专栏

08-06

3015

在以前的HTML标准下，要隐藏横向滚动条，只需要在CSS里加上 Body { overflow-x:hidden; } 但是在现在的标准下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"下面，上面的

Web前端----移动端库和bootstrap框架

Python美丽星球--微信(Felixzfb)

11-26

1243

Web前端笔记第十一部分：js移动端库和bootstrap框架，re正则 1. 移动端js事件移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、touchstart: //手指放到屏幕上时触发 2、touchmove: //手指在屏幕上滑动式触发 3、touchend: //手指离开屏幕时触发 4、touchcanc...

参与评论您还未登录，请先登录后发表或查看评论

IE6下出现横向滚动条问题的解决方案

weixin_30834019的博客

04-05

189

当我们在css样式设置为html {overflow-y:auto;}时，在ie7以上版本应用时不会有问题，可是在ie6下就会发现垂直滚动条出现会引起横向滚动条出现。究其原因是在ie6下，当内容过多出现垂直滚动条时，此时页面的宽度为其本来宽度加上滚动条的宽度，导致页面宽度超过100%，而出现横向滚动条，在ie7+浏览器中，会自动的识别滚动条，页面宽度为内容的宽度加上滚动条的宽度等于10...

html iframe禁止横向滑动_frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法...

weixin_36222664的博客

12-23

465

使用框架(无论是frameset、frame、iframe)嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在IE6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是一个bug。解决方法：在子网页设置css如下：html {overflow-y:auto!important;*ove...

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

涂的专栏

06-18

1546

使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在IE6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是一个bug。解决方法：在子网页设置css如下：html {overflow-y:auto!important;

使用框架framset在IE6出现横向滚动条的解决方法

Java海洋

04-01

2444

<br /> 彻底解决框架framset在IE6出现横向滚动条的烦恼，这阵子给客户做一个案例的时候，利用主框架不刷新的特点，实现音乐不间断的播放，调用的主页面是1006px在1024*768的分辨率本应该是全屏显示的，但是遗憾的是在IE6下面根本是不是这样的，本来应该只有竖的滚动条，但是使用了FRAMESET框架集以后，在页面没有超出的时候，横向的滚动条也出现了，似乎只要有任意的一边超出以后，都会出现两个滚动条。<br /> 在发现页面有两个滚动条以后，我使用了一个overflow-x:hidden;

IE6下frameset横向滚动条BUG

weixin_30300225的博客

09-17

173

IE弹出窗口或框架结构XHTML中多余的横向滚动条BUG原文: “Unnecessary Horizontal Scrollbar in IE Popups or Frames XHTML Bug”翻译: Wink@Lynn Studio, 转载时请注明原文及译者及出处此译文为急于解决问题时仓促之作, 疏忽及翻译简陋之处尚请见谅. 关于IE该bug的讨论请见“关于IE在弹出或框架结构...

如何隐藏以框架页面尺寸溢出出现的横向滚动条

清水茶叶

05-11

455

在我们设计网页时经常会用到框架，在使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在 IE6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是一个bug。解决方法：在子网页设置css如下： html ...

iframe横向滚动条的问题

thingir的博客

01-20

8016

在主页面加 iframe scrolling="yes" 或 "auto" 去掉子页面里的<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 横竖都去掉<iframe scrolling="no"> 想到设置b

div ie无效隐藏滚动条_CSS怎么隐藏滚动条(三种方法)

weixin_39926588的博客

12-21

722

xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候，默认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案，方法1:代码：程序代码复制代码代码如下:html { overflow-y: scroll; }原理：强制显示ie的垂直滚动条...

web前端开发基本问题解决

05-08

为什么web标准中IE无法设置滚动条颜色了为什么我定义的样式没有作用呢为什么无法定义1px左右高度的容器为什么这个背景颜色无法显示怎么样才能让层显示在FLASH之上呢怎样使一个层垂直居中于浏览器中如何让三列...

bootstrap-table头部错位已完美解决

10-31

在Bootstrap框架中，表格是通过CSS浮动布局来实现的，如果在响应式设计中没有正确处理，尤其是在不同的屏幕尺寸下，就可能出现头部错位的情况。另外，当表格内容过多，导致需要滚动查看时，如果表格的固定列（fixed-...

关于type="submit"默认文字问题

热门推荐

jsuzzy的专栏

03-04

1万+

想把按钮用图片形式展示，开始写了如下代码：并对class做了定义：input.reset{ background-image: url(../images/gb/reset.jpg);} 在dreamweaver下看的时候虽然默认有"button”的文字，但运行出来只显示了图片。把type="button"改为type="submit"，运行出来后图片上显示多余

td中内容不换行的解决办法

jsuzzy的专栏

03-17

7364

当td的内容过长时，有时会出现内容不换行问题，导致table溢出容器，样式发生变化。以前的解决办法是给td加样式word-break:break-all;这个属性虽然能解决ie中出现的问题，但对于firefox却不支持此属性。经过多次尝试，终于找到了解决的办法：首先给table加样式table-layout:fixed;

关于firefox不支持text-overflow:ellipsis;的解决办法

jsuzzy的专栏

02-26

5624

text-overflow:clip/ellipsis; 前者clip是默认值，即“不显示省略标记，只是简单的裁切”；后者ellipsis意思是“对象内文本溢出时显示省略标记（...）”。但是当使用了text-overflow:ellipsis;以后，在ie下显示是正确的，超出部分为省略号...，而在firefox中超出部分却是裁切掉了，这是因为firefox不支持tex

图片在ie6下不显示问题

jsuzzy的专栏

01-18

3178

最近碰到一个奇怪bug：给页面中的按钮（input）增加了背景样式，在ie7/ie8/firefox中都能正常显示背景图片，但在ie6中背景无显示，只是显示成了正常按钮的样子，用调试工具查看ie6下的样式，发现定义背景的css没有引进来，以前也碰到过类似问题，追其原因是因为引用的css文件编码问题。解决办法：用记事本打开引用的css文件，然后另存，选择UTF-8编码，搞定！

关于ie6下iframe的高度bug

jsuzzy的专栏

03-31

2461

有个三列布局： ......... 样式上已经给三个div加了宽度和左浮动，布局没问题。程序员要把右面的div用iframe来实现，即把#right的浮动和宽度加到了iframe上面，...放到了iframe里面。如下： ...... ... iframe的高度是由程序来控制的，高度不定。结果，在ie7及firef