html中设置让div中的内容超出后自动显示滚动条
发布时间：2014-02-18 10:49:26 作者：佚名 
我要评论
我要评论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
相关文章
- 本文为大家介绍下关于HTML中的滚动条/去掉滚动条问题，下面有个不错的示例，大家可以参考下2014-02-18
- 局部出现滚动条,这样就不会破坏整体的样式和布局了，下面有个不错的示例，大家可以拷贝代码到文本文档修改文本后缀名,txt 为 .html 预览效果2013-10-18
- 在网页中删除一些东西的时候滚动条往往还在删除东西之前的位置，而不是非常不人性化的跑到那一页的顶部，那么这是怎么实现的呢？下面就给大家来分享一些其他关于html滚动条2013-06-16
html与嵌入其中的flash均存在滚动条的情况分析及处理方法
a.swf被添加到网页中, a.swf和html页面同时存在滚动条, 项目经理提了一个BT的需求---处理a.swf鼠标滚动的时候html页面不执行滚动, 反之则执行html页面的滚动,遇到此问题的2013-01-23- 本文介绍html滚动条 textarea属性设置:overflow内容溢出时的设置,scrollbar-3d-light-color立体滚动条亮边的颜色等等相关设置,有需要的朋友可以详细参考下，希望对你们有帮2013-01-04
- 具体的表现就是页面元素（这里以table为例）的滚动条在IE7中正常显示，在IE6中不显示。2009-07-25
- 这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-01
最新评论