DIV自适应高度

网站中用DIV标签，需要自适应高度时，可用以下方法：

1、JS：
 1 <script language="javascript"> 
 2 var o1 = document.getElementById("otleft"); 
 3 var o2 = document.getElementById("otright"); 
 4 var h1 = o1.offsetHeight; 
 5 var h2 = o2.offsetHeight; 
 6 if(h1>h2) 
 7     o2.style.height = h1 
 8 else 
 9     o1.style.height = h2 
10 </script>

（放在body中)

 

2、JS：
1 <script type="text/javascript">     
2 window.onload=function(){        
3     document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px";     
4 } 
5 </script>

放在head中，如果是连接JS文件，在文件中写为：

1 height = function(){            
2       document.getElementById("sidebar").style.height = document.getElementById("content").offsetHeight + "px";  }  
3 window.onload=height;

 

3、JQUERY：
1 <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
2 <script type="text/javascript"> 
3 $(function(){ 
4     var $l=$("div.l"); 
5     var $r=$("div.r");  
6     var h=$l.height(); 
7     $r.css("height",h); 
8 }); 
9 </script>

 

posted @ 2013-11-15 15:21  秋月白  阅读(774)  评论(0)  编辑  收藏  举报