如何设置HTML滚动条？

一、如何设置HTML滚动条？

overflow:scroll; /*任何时候都强制显示滚动条*/overflow:auto; /*需要的时候会出现滚动条*/overflow-x:auto; /*控制X方向的滚动条*/overflow-y:auto; /*控制Y方向的滚动条*/受overflow影响的必需是块元素，并且指定宽度和高度，否则内部元素将自动将父级容器撑开。

二、html中怎么设置右侧加滚动条？

在需要滚动的元素标签中加style=“overflow-y:auto”

三、html滚动条最大宽度？

相信不管是web前端还是后台的程序员，都讨厌网页水平方向出现滚动条。而要避免出现水平滚动条，计算宽度是必不可少的。而在设计过程中，设计师一般避免计算这个右侧滚动条的宽度。为了避免出现水平滚动条，而将宽度设为比具体分辨率少五六十像素的宽度。推荐的宽度750px对800*600的分辨率，950px或974px对1024*768的分辨率。一般认为：这个滚动条的宽度为20px

四、HTML滚动条的属性？

1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）

overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色）

scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的颜色 scrollbar-face-color立体滚动条凸出部分的颜色 scrollbar-highlight-color滚动条空白部分的颜色 scrollbar-shadow-color立体滚动条阴影的颜色 86oo精彩教程

五、div如何加滚动条？

div 加滚动条的两种方法： 一、

记住宽和高一定要设置噢，否则不成的 这样比较好的是，在宽和高不超出时，只是一条线 三、说明 直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：如果要出现水平滚动条，则： overflow-x:auto 同理，垂直滚动条为： overflow-y:auto 如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

六、html中滚动条怎么设置？

html 元素高度设置成定高, css 属性中的overflow设置成auto. 当元素内容溢出设定的高度时自动出现滚动条. css其他相关设定: overflow-x 设置水平滚动条 overflow-y 设置垂直滚动条

七、html框架默认时有滚动条吗？

那样的话得把整个页面缩小后，重新排版，或者设置固定窗口大小显示全部，但那样容易让显示器小的电脑不能完全显示网页，要不然只能让它显示下拉条或者显示局部内容。

八、html滚动条的默认值？

overflow内容溢出时的设置（设定被设定对象是否显示滚动条）

overflow-x水平方向内容溢出时的设置

overflow-y垂直方向内容溢出时的设置

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

九、html怎么去掉网页的滚动条？

1、取消竖直滚动条：<bodystyle=`overflow:-Scroll;overflow-y:hidden`></body>

2、取消横向滚动条：<bodystyle=`overflow:-Scroll;overflow-x:hidden`></body>

3、两个滚动条都取消<bodyscroll="no"></body>

十、ie6下如何去除html的横向滚动条？

当我们在css样式设置为html {overflow-y:auto;}时，在ie7以上版本应用时不会有问题，可是在ie6下就会发现垂直滚动条出现会引起横向滚动条出现。究其原因是在ie6下，当内容过多出现垂直滚动条时，此时页面的宽度为其本来宽度加上滚动条的宽度，导致页面宽度超过100%，而出现横向滚动条，在ie7+浏览器中，会自动的识别滚动条，页面宽度为内容的宽度加上滚动条的宽度等于100%，而不会出现滚动条，这相当于是ie的滚动条bug(纯属个人见解，不对的地方还请指出，共同学习交流)。

解决上述出现的问题有以下几个方案

方案一：添加html{overflow-y:hidden;}样式

这种方案仅仅是把出现的横向滚动条隐藏了，并没有解决根本问题，而且还会出现不想要的效果（横向多余的内容会被隐藏掉），这是一种不好的解决方法。

方案二：添加html{overflow-y:scroll;}

添加这个样式，当页面内容超过页面高度时，会正常的显示垂直滚动条，而且不会出现横向滚动条，看起来是我们要的效果；可是页面内容不足以出现垂直滚动条的时候，我们会发现页面的右边会出现一条置灰样式的滚动条位置，这个看起来并不美观，不是我们想要的效果。不过最起码已经开始接近我们想要的效果了，比起第一种解决方案，他的效果还是好的。

方案三：通过jQuery实现

单纯的css样式已经不能满足我们的需要，通过第二个方案我们可以想到一种比较好的解决方法，我们可以判断当页面高度需要垂直滚动条时，把页面样式设置为overflow-y:scroll；这样是不是就会达到我们想要的效果，事实证明完全是ok的，

$(function () { //解决IE6下 页面出现横向滚动条 if ($.browser.msie && $.browser.version == "6.0" && $("html")[0].scrollHeight > $("html").height()) $("html").css("overflowY", "scroll");})

以上就是对页面出现横向滚动条的解决方法，只是针对我目前遇到的情况，方法肯定还有很多，以后有时间再慢慢补充，，，

（有人说谷歌浏览器有相对应的解决方法，时间有限，没去研究，在此标记下）

转自：博客园《IE6下出现横向滚动条问题的解决方案》--鱼爱水