html中设置让div中的内容超出后自动显示滚动条
2016-06-14来源:

在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

推荐信息
Baidu
map