在我们设计网页时经常会用到框架，在使用框架（无论是frameset、frame、iframe）嵌套网页的时
候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在
IE6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是一个bug。
解决方法：
在子网页设置css如下：
html {
overflow-y:auto!important;
*overflow-y:scroll;
}
这段最重要的一点是设置overflow-y为scroll，这样强制出现垂直滚动条的话，水平滚动条就不会显示出
来了，但如果宽度超出过多，水平滚动条还是会超出，这时可以考虑设置:overflow-x:hidden;，但相应的，这样用户就无法滚动子页面了。
之所以要加overflow-y:auto!important;，是因为IE7中已没有这个bug，并且
firefox也能认到overflow-y这个据说是IE的私有属性……，所以我们还要把overflow设回来。
主页面加IFRAME SCROLLING="YES"
子页面
程序代码
'让竖条消失:
<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'>
</BODY>
'让横条消失:
<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'>
</BODY>
'还要去掉
'子页面里的
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
'两个都去掉
<IFRAME scrolling="no">
---------------------------------------------------------------------
使用dw
生成的页面会有下面两句：
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
如果带有这两句的页面被嵌入到iframe里面，那么overflow-x : hidden ;就不起作用。
转贴
----------------------------------------------------------------------------------
框架代码：
<frameset rows="100,*" cols="*"
frameborder="no" border="0" framespacing="0">
<frame
src="index.php?cp=top" name="topFrame" scrolling="No"
noresize="noresize" id="topFrame" />
<frameset cols="200,*"
frameborder="no" border="0" framespacing="0">
<frame
src="index.php?cp=left" name="leftFrame" scrolling="yes"
noresize="noresize" id="leftFrame" />
<frame src="main.php"
name="mainFrame" id="mainFrame" />
</frameset>
</frameset>
使
用上面的框架时当我们的main.php内容超多屏幕时，横向和竖向都会出现滚动条，对于横向我们的main.php的宽度无论有没有超过
mainFrame的宽度都会出现横向滚动条，为了取消横向滚动条我们采用了以下方法：
前提条件是：mainFrame的页面没有声明DTD,即
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">
body {
overflow: scroll;
overflow-x: hidden;
overflow-x:
auto !important;
}
如果声明了DTD,可以把body换成html解决。
转贴
---------------------------------------------------------------
IE下浏览正常的,在firefox下就出现问题了,出现了横向滚动条,不知道该这两者之间有什么区别?
是不是长串的英文连在一起了，需要加一些空格或者换行，ff不会为这样的东西自动换行的。
分享到：
相关推荐
在Web开发中，当内容宽度超过容器的宽度时，就会出现横向滚动条。这可能是由于在设计时有意为之，以展示大量的数据或者为了适应不同分辨率的设备。在HTML中，`overflow-x`属性可以用来控制元素在水平方向上的溢出...
JavaScript文字横向滚动是一种常见的网页动态效果，用于在有限的空间内展示多条信息。这种效果通常是通过JavaScript编程实现的，能够使文字从屏幕的一侧向另一侧平滑移动，为网页增添动态感和视觉吸引力。在网页设计...
/* 添加横向滚动条 */ overflow-y: hidden; /* 隐藏纵向滚动条 */ } ``` 2. 自定义滚动条样式：为了提升滚动条的美观度，我们可以使用伪元素`::webkit-scrollbar`和`::webkit-scrollbar-thumb`来自定义滚动条的...
在开发过程中，还应注意其他可能导致页面无法滚动的因素，如CSS布局问题（如固定高度、溢出隐藏等）、JavaScript阻止了事件冒泡，或者是其他第三方库与Mui的滚动组件冲突。如果上述方法仍不能解决问题，就需要进一步...
微信小程序的scroll-view组件是用于实现长列表滚动功能的重要组件，但在某些设计需求下，开发者可能会希望隐藏滚动条以达到更加美观的效果。本文将详细介绍如何隐藏微信小程序中的scroll-view组件滚动条，以及相关...
这种方法适用于表格内容不需要分页的情况，如果内容过多需要分页，可以考虑调整表格的布局或采用其他展示方式，以避免滚动条的出现。值得注意的是，这种方法仅适用于页面加载完成后表格的初始设置，如果表格内容是...
"table 列可左右拖动"的功能使得用户可以根据需要调整列宽，提高用户体验，特别是当表格内容较多，需要横向滚动条时，用户可以更方便地查看和操作表格。 实现这一功能通常涉及以下几个关键知识点： 1. **...
上下滚动的轮播条是一种常见的网页元素，常用于展示多张图片、产品或信息，以有限的屏幕空间呈现丰富的信息内容。与传统的左右滑动轮播不同，上下滚动的轮播条更适合高度受限或者垂直布局的场景，如手机端的窄屏设计...
2. JavaScript/jQuery：对于更复杂的需求，如动态加载数据、自定义滚动条等，可能需要用到JavaScript库或框架。例如，使用jQuery的`scroll`事件监听滚动行为，或者使用第三方库如`datatables`、`ag-grid`等提供高级...
此外，Bootstrap还提供了`.table-responsive`类，此类可以使得表格在小屏幕设备上横向滚动，避免了内容溢出。 第三，如果表格中的数据内容非常多，导致表格自动扩展得非常宽，可以通过调整单元格内容来解决溢出问题...
例如，设置一个容器元素的`width`大于其内部内容的总宽度，同时将`overflow-x`设置为`scroll`，这样就会出现水平滚动条： ```css .container { width: 100%; /* 可以根据需要设置固定或百分比宽度 */ overflow-x:...
- 导航菜单：当菜单项过多，横向排列不下时，可以设置为自适应换行，避免滚动条的出现。 4. 考虑因素： - 布局美观：换行后应保持整体布局的平衡和美感，避免出现不规则的空白区域。 - 可读性：确保换行后的...
默认情况下，`AutoSize`是`false`，这意味着文本框将保持其初始尺寸，超出的部分会被隐藏。如果设置为`true`，文本框会随着内容的增加而横向扩展，以适应新输入的文本。 2. 文本换行： 若要使文本框能够随内容换行...
然后，通过CSS设置溢出隐藏和横向滚动，使内容只能看到一部分。接着，用JavaScript编写定时器函数，周期性地改变容器的滚动位置，从而实现内容的滚动效果。 ```html 跑马灯信息1 跑马灯信息2 跑马灯信息3 ``` ...
最后，灵活的图片和媒体意味着图片和视频会按比例缩放，保持其与周围内容的比例，防止在小屏幕上出现横向滚动条。 **CSS在响应式设计中的作用** CSS（Cascading Style Sheets）在响应式设计中扮演着核心角色。通过...
17. **JQuery WebTicker Plugin**：类似于新闻提要的横向滚动插件，适用于展示最新消息。 18. **JQuery Text Animation Plugin**：提供各种文本动画效果，如淡入淡出、滑动等，让文本更具动态感。 19. **...
2 <br>0003 设置程序代码行序号 3 <br>0004 开发环境全屏显示 3 <br>0005 设置窗口的自动隐藏功能 3 <br>0006 根据需要创建所需解决方案 4 <br>0007 如何使用“验证的目标架构”功能 4 ...