答案:运行代码框<!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+'px');document.write(b.clientHeight+'px');document.write(a.scrollHeight+'px');document.write(b.scrollHeight+'px');if (a.scrollHeight < b.scrollHeight){a.style.height= b.scrollHeight;}else{b.style.height= a.scrollHeight;}}</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的高度是无法事先确定的)<br>为什么这个JavaScript在FireFox无效呢?</div><script>SameH("Div1","Div2");</script></body> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框<!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+'px');document.write(b.clientHeight+'px');document.write(a.scrollHeight+'px');document.write(b.scrollHeight+'px');if (a.scrollHeight < b.scrollHeight){a.style.height= b.scrollHeight;}else{b.style.height= a.scrollHeight;}}</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的高度是无法事先确定的)<br>为什么这个JavaScript在FireFox无效呢?</div><script>SameH("Div1","Div2");</script></body> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
上一个:用CSS制作具有亲和力的表单下一个:XHTML+CSS兼容性解决方案小集