div 如何加滚动条?

div 如何加滚动条?,第1张

div 加滚动条的方法:\x0d\x0a\x0d\x0a\x0d\x0adiv 设置滚动条显示:overflow :yes\x0d\x0adiv 设置滚动条自适应显示:overflow :auto\x0d\x0adiv 设置上下滚动条显示:overflow-y :yes\x0d\x0adiv 设置上下滚动条自适应显示:overflow-y :auto\x0d\x0a如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative 回答于 2022-12-11

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11947774.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存