div 添加滚动条

我要月亮奔我而来

div 添加滚动条

分类 编程技术

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>
版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码