css添加多个滚动条（怎么给div加滚动条）

：暂无数据 2026-05-04 00:40:02 ：0

各位老铁们，大家好，今天由我来为大家分享css添加多个滚动条，以及怎么给div加滚动条的相关问题知识，希望对大家有所帮助。如果可以帮助到大家，还望关注收藏下本站，您的支持是我们最大的动力，谢谢大家了哈，下面我们开始吧！

本文目录

怎么给div加滚动条
CSS 如何添加水平滚动条
css中设置滚动
怎么样在div+css中设置一个div的框并出现横向滚动条

怎么给div加滚动条

1、《div style="height:300px;width:100px;overflow:auto"》《div/》（height和width根据需求设定）　　

注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条，小于300px就没有滚动条。同理，如果宽度大于100px出现滚动条，小于就没有。

2、你也可以将overflow设置为scroll，即:《div style="height:300px;width:100px;overflow:scroll"》《div/》。这样设定的效果为

不管你的页面高度大于还是小于300px,都会出现滚动条，宽度同理。

3、也可以这样设置

水平滚动条：《div style="width:100px;overflow-x:auto"》《/div》

垂直滚动条：《div style="height:300px;overflow-y:auto"》《/div》

水平加垂直：《div style="width:100px;height:300px;overflow-x:auto;overflow-y:auto"》《/div》

扩展资料

《div》可定义文档中的分区或节（division/section）。

《div》标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记《div》，那么该标签的作用会变得更加有效。

注释：《div》是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

提示：请使用《div》元素来组合块级元素，这样就可以使用样式对它们进行格式化。

CSS 如何添加水平滚动条

　　设置 overflow 属性：

div
  {
  width:150px;
  height:150px;
  overflow:auto;
  }

　　overflow属性如下:

　　auto：当此div子元素宽和高大于该div的宽和高时，则会出现对应方向上的滚动条。

　　scroll：不管子元素的宽和高，都出现滚动条，但当子元素宽和高小于父元素时，滚动条不能拖动。

　　推荐使用auto属性，如果只想让水平方向出现滚动条，则使用overflow-x:auto;

css中设置滚动

给元素设置样式overflow-y:scroll；和一个高度，当内容填满后就会出现下拉的滚动条了，没超过也会出现但是不可下拉

《html》
《head》《/head》
《body》
《div style="font-size:40px; color:red; font-wight:700 "》《/div》
《div style="width:100%" 》《img src="img/*****"》《/div》
《div style="width: 300px; height:100px; overflow-y:scroll; border: 1px solid red "》在抓捕了巫支祁以后，李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日，但是由于平时任务的繁忙，偶有时间也被好学的李子玉用来学习澳洲知识，所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者，他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟，一边转悠。他们走到前边甲板上的时候，迎面走来一队人，这队人全部都是短发短衣，中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后，李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日，但是由于平时任务的繁忙，偶有时间也被好学的李子玉用来学习澳洲知识，所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者，他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟，一边转悠。他们走到前边甲板上的时候，迎面走来一队人，这队人全部都是短发短衣，中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。在抓捕了巫支祁以后，李子玉和高重九当天就登上了去往临高的船。李子玉从来没有见过这么大的船。虽然元老院已经进入广州多日，但是由于平时任务的繁忙，偶有时间也被好学的李子玉用来学习澳洲知识，所以一直没有机会去见识一下澳洲大船。因为李子玉和高重九是先进工作者，他们被允许在船的部分地方自由活动。李子玉和高重九一边感叹船的雄壮宏伟，一边转悠。他们走到前边甲板上的时候，迎面走来一队人，这队人全部都是短发短衣，中间为首的人的气质明显与其他人不同。这一行人就是元青团第一书记何青辰带领的前往临高参观学习的广州优秀青年代表。《/div》
《/body》
《/html》

css添加多个滚动条和怎么给div加滚动条的探讨至此告一段落，希望对你有所启发。

本文编辑：admin

：怎么给div加滚动条，css添加多个滚动条

上一篇：表单大师怎么看填写的信息（可以使用表单大师创建表单后提醒填写信息的人填写成功或者修改填写的信息的短信吗）

下一篇：css怎么设置鼠标手势？鼠标右键点击桌面菜单设置方法