html

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

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

一、设置步骤

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

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

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

二、实例说明

这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记这里是迷糊笔记

运行如下：

div滚动条

更多设置

只设置水平滚动条：

只设置垂直滚动条：

水平和垂直都设置：

举报/反馈
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。