HTML怎么添加滚动条_IT百科

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

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

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

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

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

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

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

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

3、也可以这样设置

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

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

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

扩展资料

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

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

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

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

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

参考资料：百度百科div

我来给你详细介绍一下：

这项工作主要进行3步：

这项功能要采用“控件”功能来实施，所以首先要添加“控件”功能。

1.添加“控件”按钮

excel选项→自定义→从下列位置选择命令→开发工具选项卡→插入控件→添加→确定

这样在excel的窗口第一行就出现了一个有锤头模样的按钮，这就是我们要用到的“控件”按钮。

2.插入滚动条选项

现在要插入滚动条选项了

点击“控件”按钮→插入→表单控件→选择表单控件的第二行中间的一个→点击一个位置，就产生了滚动条选项，目前滚动条插入了。

3.设置滚动条选项

现在要设置滚动条选项了

鼠标指向滚动条→设置控件格式→单元格连接：输入要关联的单元格地址→其它的一看就会→确定。

点击箭头试一下，有数据了吧。

其它的，滚动条大小、方向，随便拉动了。

其它几个箭头控件的使用和这个差不多，摸索一下即可。

如何？

有问题，hi我。

。

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

HTML怎么添加滚动条