div标签添加滚动条(css设置div滚动条位置)

在网页的实际开发中,有时候需要给div标签元素添加一个滚动条(比如水平的或者垂直的滚动条),我们该怎么写css代码呢?

给div设置滚动条需要分成两步走:

一、设置步骤

1、设置div的高度以及宽度

如果不设置高度和宽度的话,内容多也不会出现滚动条,因为没有边界能让浏览器判断内容长度是否需要出现滚动条。

2、设置div的overflow属性,你可以设置成auto(水平和垂直都有),也可以单独设置overflow-x(水平滚动条),也可以单独设置overflow-y(垂直滚动条)。

二、实例说明

<div>这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记</div>

运行如下:

div标签添加滚动条(css设置div滚动条位置)

更多设置

只设置水平滚动条:

<div></div>

只设置垂直滚动条:

<div></div>

水平和垂直都设置:

<div></div>

本文内容(包含图片或视频在内)系用户自行上传分享,网站仅提供信息存储服务。如作品内容涉及版权问题,请及时与鱼捕头联系,我们将在第一时间删除。文章地址:https://www.yubutou.com/71851.html

(0)
网友投稿的头像网友投稿
上一篇 2023年8月16日 23:30:32
下一篇 2023年8月16日 23:30:36

相关推荐

发表回复

登录后才能评论

联系我们

17896001082

在线咨询: QQ交谈

邮件:2718562165@qq.com

工作时间:周一至周五,9:00-18:00,节假日休息