您现在的位置:首页 >> 前端 >> 内容

html中设置超出部分自动显示滚动条

时间:2013/2/2 8:23:13 点击:

  核心提示:在html页面中,我们有时需要让p中的内容超出后自动显示滚动条,我们可以这样设置:[csharp] p class=classlist p class=autoScroll asp:RadioButt...
在html页面中,我们有时需要让p中的内容超出后自动显示滚动条,我们可以这样设置:

[csharp]  

<p class="classlist">  

        <p class="autoScroll">  

            <asp:RadioButtonList ID="rblClasses" runat="server" DataTextField="className" DataValueField="classID"  

                ForeColor="#FF4040">  

            </asp:RadioButtonList>  

            <br />  

            <asp:ImageButton ID="imgSure" runat="server" ImageUrl="~/images/c_sure.jpg" />  

            <asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/images/c_close.jpg" />  

        </p>  

    </p>  

 

然后,样式中这样设置:

[css]  

<style type="text/css">  

        .classlist  

        {  

            width: 300px;  

            height: 20px;  

        }  

        .autoScroll  

        {  

            width:300px;  

            height:100px;  

            overflow:auto;             

        }  

        #rblClasses  

        {  

            margin-left: 20px;  

        }  

</style>  

设置后,当radiobutton中显示的内容超出最外围的p时,将自动显示滚动条,即嵌套p

Tags:HT TM ML L中 
作者:网络 来源:不详