<style type="text/css"> 
    .scroll {  
        width: 300px;                                     /*寬度*/  
        height: 200px;                                  /*高度*/  
        color: red;                                        /*顏色*/  
        font-family: 楷體;                                  /*字體*/  
        padding-left: 10px;                             /*層內(nèi)左邊距*/  
        padding-right: 10px;                            /*層內(nèi)右邊距*/  
        padding-top: 10px;                              /*層內(nèi)上邊距*/  
        padding-bottom: 10px;                           /*層內(nèi)下邊距*/  
        overflow-x: auto;                             /*橫向滾動(dòng)條(scroll:始終出現(xiàn);auto:必要時(shí)出現(xiàn);具體參考CSS文檔)*/  
        overflow-y: auto;                             /*豎向滾動(dòng)條*/  
          

    }  
    </style> 

<div align="center"> 
        <div class="scroll"> 
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />

        </div> 
    </div>