[导读]：div 添加滚动条只需要指定 overflow 属性为 auto 即可，以下实例设置了 div 水平滚动条： 实例 div style = height:300px;width:70px;overflow:auto;background:#EEEEEE; 菜鸟教程 -- 学的不仅是技术，更...
div 添加滚动条只需要指定 overflow 属性为 auto 即可，以下实例设置了 div 水平滚动条：
实例
<div style="height:300px;width:70px;overflow:auto;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ </div>尝试一下 »
宽度(width)和高度(height)可以根据实际需要来设定。
以上实例表示如果 div 内容的高度大于 300px 就会出现垂直滚动条，小于 300px 就没有滚动条。如果宽度大于 70px 会出现水平滚动条，小于就没有。
如果你想在 div 中滚动条是一直存在的则可以设置 overflow 属性为 scroll：
你也可以将 overflow 设置为 scroll，即:
实例
<div style="height:300px;width:200px;overflow:scroll;background:#EEEEEE;"> 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ 菜鸟教程 -- 学的不仅是技术，更是梦想！！！ </div>尝试一下 »
更多设置
只设置水平滚动条：
<div style="width:100px;overflow-x:auto"></div>
只设置垂直滚动条：
<div style="height:300px;overflow-y:auto"></div>
水平与垂直都设置：
<div style="width:70px;height:300px;overflow-x:auto;overflow-y:auto"></div>
更多文章可以参考：
本文来自投稿，不代表微盟圈立场，如若转载，请注明出处：https://www.vm7.com/a/ziyuan/112069.html
