DIV 值添加纵向滚动条_IT百科

DIV值添加纵向以及横向滚动条可以参考下面的代码：

overflow-x:scroll是横的

overflow-y:scroll是竖的

overflow:scroll横竖

overflow:hidden横竖都没有

<div>是一个块级元素，这意味着它的内容自动地开始一个新行，实际上，换行是 <div>固有的特定的格式表现，可以通过 <div>的 class 或 id 应用额外的样式。

扩展资料：

overflow语法如下：

overflow : visible | auto | hidden | scroll

参数：

visible :不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效

auto : 此为body对象和textarea的罩念默认值。在需厅卖要时剪切内容并添加滚动条

hidden : 不显示超过对象尺寸的内容

scroll : 总是显示滚动条

参考资料来源：百度百科-DIV （层叠样式表单元扮闷逗的位置和层次）

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：段做<握罩衡div style="overflow: scroll">hello world!</div>。

3、浏闷烂览器运行index.html页面，此时成功在html中指定的div中添加了滚动条。

1、<div style="height:300pxwidth:100pxoverflow:auto"><div/>（height和width根据需求设定）

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

2、你也可以将overflow设置为scroll，即:<div style="height:300pxwidth:100pxoverflow:scroll"><div/>。这样设定的效果为

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

3、也可以这样设置

水宽慧平滚动条：<div style="width:100pxoverflow-x:auto"></div>

垂直滚动条：<div style="height:300pxoverflow-y:auto"></div>

水平加垂直：<div style="width:100pxheight:300pxoverflow-x:autooverflow-y:auto"></div>

扩展资料

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

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

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

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

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

参考资料：百度百科 div

欢迎分享，转载请注明来源：内存溢出

DIV 值添加纵向滚动条