大家好,小豆豆来为大家解答以上的问题。Div 滚动条，div 滚动条这个很多人还不知道,现在让我们一起来看看吧！

1、（height和width根据需求设定）　　注意:如果只写height就只有垂直滚动条，只写width就只有水平滚动条,都不写没有效果。

2、还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条，小于300px就没有滚动条。

3、同理，如果宽度大于100px出现滚动条，小于就没有。

4、2、你也可以将overflow设置为scroll，即:。

5、这样设定的效果为不管你的页面高度大于还是小于300px,都会出现滚动条，宽度同理。

6、3、也可以这样设置水平滚动条：垂直滚动条：水平加垂直：扩展资料 可定义文档中的分区或节（division/section）。

7、 标签可以把文档分割为独立的、不同的部分。

8、它可以用作严格的组织工具，并且不使用任何格式与其关联。

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

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

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

12、参考资料：百度百科 divdiv加滚动条的操作步骤如下：1.新建html文档，如下图红框所示为一个空白新建的文档；2.书写hmtl代码：在这里面键入你想要键入的内容即可，如下图红框所示；3.书写外层轨道css代码，这里主要是设置外层轨道的形状和颜色，根据想要设置的样式进行调节即可，示例代码如下：body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/} 4.书写内层轨道css代码，这里主要是设置内层轨道的形状和颜色，根据想要设置的样式进行调节即可，示例代码如下：body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}；5.在浏览器中预览效果如下，滚动条的样式是可以通过上方代码调整的，根据个人需求调整即可。

13、要想使用滚动条，必须规定高度overflow-x:scroll;overflow-y:scroll自己好好看下别的地方有没设置！~ 反正我的 div都是这么加 难道你的特殊？要想使用滚动条，必须规定高度

本文到此分享完毕，希望对大家有所帮助。

版权说明： 本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

标签：