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