要使div出现滚动条(如何让div出现垂直滚动条)
html中设置让div中的内容超出后自动显示滚动条
在html页面中，我们有时需要让div中的内容超出后自动显示滚动条，我们可以这样设置：
代码如下:
div
class="classlist"
div
class="autoScroll"
asp:RadioButtonList
ID="rblClasses"
runat="server"
DataTextField="className"
DataValueField="classID"
ForeColor="#FF4040"
/asp:RadioButtonList
asp:ImageButton
ID="imgSure"
runat="server"
ImageUrl="~/images/c_sure.jpg"
/
asp:ImageButton
ID="imgClose"
runat="server"
ImageUrl="~/images/c_close.jpg"
/
/div
/div
然后，样式中这样设置：
代码如下:
style
type="text/css"
.classlist
{
width:
300px;
height:
20px;
}
.autoScroll
{
width:300px;
height:100px;
overflow:auto;
}
#rblClasses
{
margin-left:
20px;
}
/style
设置后，当radiobutton中显示的内容超出最外围的div时，将自动显示滚动条，即嵌套div
如何让div里面的div显示滚动条
hidden通常是不作为滚动条用的
还有一点，html{超出窗口就会自动出现滚动条；也尽量不要在body上
怎么给div加滚动条
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
如何给div层加滚动条
div 加滚动条的方法：
div style="position:absolute; height:400px; overflow:auto"/div
div 设置滚动条显示：overflow :yes
div 设置滚动条自适应显示：overflow :auto
div 设置上下滚动条显示：overflow-y :yes
div 设置上下滚动条自适应显示：overflow-y :auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
怎么让div内容超出后自动显示滚动条
1、首先打开sublime编辑器，新建一个html文档，在文档中定义一个外围的div容器，并在里面在定义一个容器用来输入很多文字，在div上面设置一个标题：
2、然后在style标签中设置外围容器的宽高和背景色，再设置内容容器的宽高和背景色以及overflow属性，将其值设置为auto即可实现超出内容自动显示滚动条的效果。
4、最后打开浏览器，就可看到超出内容后的文字右侧显示出了滚动条：
div怎么添加滚动条？
给div增加宽度或者高度
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：div style="position:absolute; height:400px; overflow:auto"/div如果要出现水平滚动条，则： overflow-x:auto同理，垂直滚动条为： overflow-y:auto如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative