div添加滚动条只需要指定overflow属性为auto即可,以下实例设置了div水平滚动条:
div滚动条实例
<divstyle="height:300px;width:70px;overflow:auto;background:#EEEEEE;">
</div>
尝试一下»
宽度(width)和高度(height)可以根据实际需要来设定。
以上实例表示如果div内容的高度大于300px就会出现垂直滚动条,小于300px就没有滚动条。如果宽度大于70px会出现水平滚动条,小于就没有。
如果你想在div中滚动条是一直存在的则可以设置overflow属性为scroll:
你也可以将overflow设置为scroll,即:
实例
<divstyle="height:300px;width:200px;overflow:scroll;background:#EEEEEE;">
</div>
尝试一下»
div滚动条更多设置
只设置水平滚动条:
<divstyle="width:100px;overflow-x:auto"></div>
只设置垂直滚动条:
<divstyle="height:300px;overflow-y:auto"></div>
水平与垂直都设置:
<divstyle="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>
总之,div滚动条给大家简单的介绍了一些,希望大家多看看。