Div 滚动条 往上(div添加滚动条)

最简单的方法:

<div style="height:300px;width:100px;overflow:auto"><div/>(height和width根据需求设定)

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

你也可以将overflow设置为scroll,即:<div style="height:300px;width:100px;overflow:scroll"><div/>。这样设定的效果为

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

也可以这样设置:

水平滚动条:<div style="width:100px;overflow-x:auto"></div>

div 滚动条

垂直滚动条:<div style="height:300px;overflow-y:auto"></div>

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

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友