html中設置讓div中的內容超出后自動顯示滾動條
來源:易賢網 閱讀:6475 次 日期:2014-07-15 09:36:32
溫馨提示:易賢網小編為您整理了“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

更多信息請查看IT技術專欄

更多信息請查看網頁制作
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網