html中设置让div中的内容超出后自动显示滚动条

前端技术 2023/09/07 HTML
在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

本文地址：https://www.stayed.cn/item/17947

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案