简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:1105 次  日期:2016-06-14 09:35:12

温馨提示:易贤网小编为您整理了“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

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:用frameset实现复杂的页面布局技巧小结
下一篇:一个不错的html5 canvas多层点击事件监听实例
易贤网手机网站地址:html中设置让div中的内容超出后自动显示滚动条
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!