滚动 Div 例子代码

<style type="text/css"> 
    .scroll {  
       
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>