<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>练习文档01</title> <style type="text/css"> <!-- body{ margin:0px;padding:0px; } .Div_top{ width:100%; background:#93beff; } .Div_bottom{ width:100%; background:#ff00fc; } .Div_Left{ position:absolute; width:200px; background:#ff6000; left:0px; } .Div_Right{ margin-left: 200px; background:#00c17b; } --> </style> <script> function SameH(leftDiv,rightDiv) { var a=document.getElementById(leftDiv); var b=document.getElementById(rightDiv); document.write(a.clientHeight+'--');
document.write(b.clientHeight+'--'); document.write(a.scrollHeight+'--'); document.write(b.scrollHeight+'--'); if (a.scrollHeight <
b.scrollHeight)
{ a.style.height= b.scrollHeight+"px"; } else { b.style.height= a.scrollHeight+"px"; } } </script> </head> <body> <div class="Div_top">这是顶部的div</div> <div id="Div1" class="Div_Left">11111<br>222222<br>33333333<br>444444444<br>555555555</div> <div id="Div2" class="Div_Right">22222<br>dsaf</div> <div class="Div_bottom">---------------------------------这是底部的DIV,在左中右 中DIV不等高的情况下会跑上去重叠了<br>------------------------------------ ----我现在想用一个JavaScript代码来令左右两半的Div等高<br><br> </div> <script> SameH("Div1","Div2"); </script> </body> |