怎么给div加滚动条

 我来答
惠企百科
2022-12-14 · 百度认证:北京惠企网络技术有限公司官方账号
惠企百科
惠企百科网是一家科普类综合网站,关注热门中文知识,集聚互联网精华中文知识,本着自由开放、分享价值的基本原则,向广大网友提供专业的中文知识平台。
向TA提问
展开全部

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

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

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

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

3、也可以这样设置

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

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

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

扩展资料

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

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

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

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

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

参考资料:百度百科div

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式