在网页的实际开发中,有时候需要给div标签元素添加一个滚动条(比如水平的或者垂直的滚动条) , 我们该怎么写css代码呢?
给div设置滚动条需要分成两步走:
一、设置步骤1、设置div的高度以及宽度
如果不设置高度和宽度的话 , 内容多也不会出现滚动条,因为没有边界能让浏览器判断内容长度是否需要出现滚动条 。
【css设置div滚动条位置 div标签添加滚动条】2、设置div的overflow属性 , 你可以设置成auto(水平和垂直都有),也可以单独设置overflow-x(水平滚动条),也可以单独设置overflow-y(垂直滚动条) 。
二、实例说明<div>这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记</div>
运行如下:
文章插图
更多设置
只设置水平滚动条:
<div></div>
只设置垂直滚动条:
<div></div>
水平和垂直都设置:
<div></div>
推荐阅读
- 在县城投资十万每月收益八千的项目都有什么?
- js设置滚动条位置 JavaScript设置页面元素的滚动条一直最下方
- 余生照顾好自己的说说 照顾好自己之类的话语
- 健康码黄码怎么变绿码
- 餐馆英语怎么说 餐馆的英语是什么
- DNF萌新刷周常地下城出了宠物装备自选礼盒,请问选哪个宠物装备比较好一些?
- 在小县城做投资本金20万,一个月赚1万左右,前景怎么样?
- mysql查询某个字段重复数大于1 MySQL怎么查询表中某个字段值重复的数据
- Win10更新到一半如何暂停或取消呢?