div:给div加滚动栏 div的滚动栏设置

今天做了个样例：

div 的滚动栏问题：

两种方法：

一、

<div style=" overflow:scroll; width:400px; height:400px;”></div>

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

只是在不超出时，会有以下的滚动栏，所以不是最好的选择

 

二、

<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>

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

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

三、说明

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

<div style="position:absolute; height:400px; overflow:auto">

</div>

假设要出现水平滚动栏，则： overflow-x:auto

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

假设该div被包括在其它对象比如td中，则位置可设为相对：position:relative