html中設定讓div中的內容超出後自動顯示捲軸範例分析

html中如何設定超出部分自動顯示捲軸，下面為大家詳細介紹下讓p中的內容超出後自動顯示滾動條具體實現，有興趣的朋友不要錯過 在html頁面中，我們有時需要讓p中的內容超出後自動顯示滾動條，我們可以這樣設定：

程式碼如下：

<p class="classlist"> 
<p 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" /> 
</p> 
</p>

#然後，樣式中這樣設定：

程式碼如下:

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

設定後，當radiobutton中顯示的內容超出最外圍的p時，將自動顯示捲軸，即嵌套p

更多html中設定讓div中的內容超出後自動顯示捲軸範例分析相關文章請關注PHP中文網！