怎么让div内容超出后自动显示滚动条

怎么让div内容超出后自动显示滚动条,第1张

在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_surejpg" />
<asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/images/c_closejpg" />
</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

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="/jquery-310js"></script>
</head>
<body>
<select class="my_selected" data-edit-select="1" onmousedown="if(thisoptionslength>3){thissize=8}" onblur="thissize=0" onchange="thissize=0" style="position:absolute;z-index:1;">
<option selected>选择</option>
<option>一</option>
<option>二</option>
<option>三</option>
<option>四</option>
<option>五</option>
<option>六</option>
<option>七</option>
<option>八</option>
<option>九</option>
<option>十</option>
</select>
</body>
</html>

<select size=2>
<option>1111</option>
<option>22222</option>
</select>
去掉里面的size=2。

在select中加multiple即可!如: a b c控件本身好像不支持复选,想点别的办法吧,反正只要实现了就行,例如自己写javascript效果。 就是加一个multiple属性,但是如果你要控

请问你说的说页面的滚动嘛?

当数据区域超出显示页面区域,自动就会有滚动条,使用鼠标中间滑轮,就可以滑动页面,鼠标左键拉动滚动条也可以

或者你说的说的下方,指的是下拉菜单吗?

*** 作如下图

如在来源里输入A,B,C注意,这里的逗号是英文下的逗号,确定之后,我们发现E列选中的区域,就增加了下拉的效果了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12762963.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存