主頁(yè) > 知識(shí)庫(kù) > html中設(shè)置讓div中的內(nèi)容超出后自動(dòng)顯示滾動(dòng)條

html中設(shè)置讓div中的內(nèi)容超出后自動(dòng)顯示滾動(dòng)條

熱門(mén)標(biāo)簽:AI外呼系統(tǒng) 價(jià)格 新鄉(xiāng)機(jī)器人外呼系統(tǒng) 最簡(jiǎn)單的百度地圖標(biāo)注店鋪 禹州電話外呼系統(tǒng) 錦州企業(yè)外呼系統(tǒng) 營(yíng)口400電話申請(qǐng) 水經(jīng)注萬(wàn)能地圖標(biāo)注 青海保險(xiǎn)智能外呼系統(tǒng)商家 梧州地圖標(biāo)注app
在html頁(yè)面中,我們有時(shí)需要讓div中的內(nèi)容超出后自動(dòng)顯示滾動(dòng)條,我們可以這樣設(shè)置:

復(fù)制代碼
代碼如下:

<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>

然后,樣式中這樣設(shè)置:

復(fù)制代碼
代碼如下:

<style type="text/css">
.classlist
{
width: 300px;
height: 20px;
}
.autoScroll
{
width:300px;
height:100px;
overflow:auto;
}
#rblClasses
{
margin-left: 20px;
}
</style>

設(shè)置后,當(dāng)radiobutton中顯示的內(nèi)容超出最外圍的div時(shí),將自動(dòng)顯示滾動(dòng)條,即嵌套div

標(biāo)簽:哈密 延邊 昭通 山南 懷化 潮州 青島 荊門(mén)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《html中設(shè)置讓div中的內(nèi)容超出后自動(dòng)顯示滾動(dòng)條》,本文關(guān)鍵詞  html,中,設(shè)置,讓,div,中的,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html中設(shè)置讓div中的內(nèi)容超出后自動(dòng)顯示滾動(dòng)條》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于html中設(shè)置讓div中的內(nèi)容超出后自動(dòng)顯示滾動(dòng)條的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章