给DIV添加滚动条

阅读更多

 

直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:
如果要出现水平滚动条,则: overflow-x:auto
同理,垂直滚动条为: overflow-y:auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
 例如:
< HTML > 
< HEAD > 
< TITLE >测试表格内的滚动条 TITLE> 
HEAD> 

< BODY > 
< table >
   < tr >
     < td >表格内的滚动条: td>
     < td >
      
        style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;"> 
         < p >pppppppppppppppppppppppppppppppppppppppppppppppppp  p> 
         < p >pppppppppppppppppppppppppppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
         < p >ppppppppppppppppppppppppp  p> 
       div>
     td>
   tr>
   < tr >
     < td  colspan ="2"  align ="right" >
                       onmouseout=clearInterval(scrollb)>向左 span> 
                                    onmouseout=clearInterval(scrollb)>向上 span>
                       onmouseout=clearInterval(scrollb)>向右 span>
                       onmouseout=clearInterval(scrollb)>向下 span>
     td>
   tr>
table>
BODY> 
HTML>

让DIV自适应高度,不让它越界

 
style=“word-break:break-all;OVERFLOW:auto
public static void main(String args[]){
int[]a=new int[20];
for(int i=1;i<=20;i++){
a[i-1]=i;
try{Thread.sleep(1000);}catch(Exception e){}
System.out.println(a[i-1]);
}
}

你可能感兴趣的:(给DIV添加滚动条)