如何让div出现垂直滚动条,div 垂直滚动条

http://www.itjxue.com  2023-01-18 12:38  来源:未知  点击次数: 

如何给DIV添加滚动条

div

加滚动条的方法:

div

设置滚动条显示:overflow

:yes

div

设置滚动条自适应显示:overflow

:auto

div

设置上下滚动条显示:overflow-y

:yes

div

设置上下滚动条自适应显示:overflow-y

:auto

如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative

div 如何加滚动条?

div 加滚动条的两种方法:

一、

div style=" overflow:scroll; width:400px; height:400px;”/div

记住宽和高一定要设置噢,否则不成的

不过在不超出时,会有下面的滚动条,所以不是最好的选择

二、

div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”/div

记住宽和高一定要设置噢,否则不成的

这样比较好的是,在宽和高不超出时,只是一条线

三、说明

直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:

div style="position:absolute; height:400px; overflow:auto"

/div

如果要出现水平滚动条,则: overflow-x:auto

同理,垂直滚动条为: overflow-y:auto

如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative

如何让div只有垂直滚动条

div有很多滚动条样式,如果只要垂直的话,参考如下:

css写法:

DIV style="OVERFLOW-Y: auto;?OVERFLOW-X:hidden;/DIV。

js写法:

div.style.overflow-x="hidden"。

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

扩展质料:

div 标签定义 HTML 文档中的分隔(DIVision)或部分(section)。div属于web前端的学习内容,其中div 标签常用于组合块级元素,以便通过样式表来对这些元素进行格式化。div 可定义文档中的分区或节(division/section)。div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 div,那么该标签的作用会变得更加有效。

当我们使用 CSS-P 的时候, 我们主要把它用在 DIV(division)tag 上。当你把文字,图像,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV 中的 HTML。

参考资料:DIV-百度百科

(责任编辑:IT教学网)

更多

推荐JSP教程文章