滾動 Div 例子代碼

 

 

<style type="text/css"> 
    .scroll {  
        width:
300px;                                     /*寬度*/  
        height:
200px;                                  /*高度*/  
color:
red; /*顏色*/
        font-family:
楷體;                                  /*字型*/  
        padding-left:
10px;                             /*層內左邊距*/  
        padding-right:
10px;                            /*層內右邊距*/  
        padding-top:
10px;                              /*層內上邊距*/  
        padding-bottom:
10px;                           /*層內下邊距*/  
        overflow-x:
auto;                             /*橫向捲軸(scroll:始終出現;auto:必要時出現;具體參考CSS文檔)*/  

        overflow-y: auto;                             /*豎向捲軸*/  

          

 

    }  
    </style> 

 

<div align="center"> 
        <div class="scroll"> 
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />

        </div> 
    </div>