超出部分自动显示滚动条代码,Css代码库,德仔网

代码语言

代码分类

【Css】超出部分自动显示滚动条

作者:dezai / 发布于2014/1/22/ 820

在html页面中，我们有时需要让div中的内容超出后自动显示滚动条，我们可以这样设置：
[csharp] view plaincopy
<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> 

然后，样式中这样设置：
[css] view plaincopy
<style type="text/css"> 
    .classlist 
    { 
      width: 300px; 
      height: 20px; 
    } 
    .autoScroll 
    { 
      width:300px; 
      height:100px; 
      overflow:auto;      
    } 
    #rblClasses 
    { 
      margin-left: 20px; 
    } 
</style> 
设置后，当radiobutton中显示的内容超出最外围的div时，将自动显示滚动条，即嵌套div

试试其它关键字

　自动显示滚动条　

同语言下

可能有用的

dezai贡献的其它代码(1065)