HTML中的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的高度。

 overflow-x:auto——出现水平滚动条
overflow-y:auto——出现垂直滚动条

//水平垂直都出现
<div style="position:absolute; height:400px; overflow:auto">
</div>

//水平都出现
<div style="position:absolute; height:400px; overflow-x:auto">
</div>

//垂直都出现
<div style="position:absolute; height:400px; overflow-y:auto">
</div>