div 如何加滚动条？

div 加滚动条的两种方法：

一、

<div style=" overflow:scrollwidth:400pxheight:400px”></div>

记住宽和高一定要设置噢，否则不成的

不过在不超出时，会有下面的滚动条，所以不是最好的选择

二、

<div style=" overflow-y:autooverflow-x:autowidth:400pxheight:400px”></div>

记住宽和高一定要设置噢，否则不成的

这样比较好的是，在宽和高不超出时，只是一条线

三、说明

直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：

<div style="position:absoluteheight:400pxoverflow:auto">

</div>

如果要出现水平滚动条，则： overflow-x:auto

同理，垂直滚动条为： overflow-y:auto

如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

js控制滚动条使div在一定区间显示方法步骤。

一，新建一个html文件，命名为test.html，用于讲解如何使用JS控制DIV内容的滚动条。

二，在test.html文件内，创建两个div模块，一个div模板包含另一个div模块。

三，在test.html文件内，分别设置两个div模块的id属性为test，ntest。

四，在css中，分别通过id来设置两个div的样式，定义它们的高度、宽度，外部div将overflow属性设置为auto，即超过宽度隐藏，并出现滚动条。注意，内部div的高度、宽度必须比外部div的宽高大，才会出现滚词条。

五，在js中，通过id获得外部div对象，使用scrollTop属性控制垂直滚动条位置为100px，使用scrollLeft属性控制水平滚动条位置为150px。

六，在浏览器打开test.html文件，查看实现的效果。实现在一定区间内显示。

请确认，谢谢。

---