关于让两个DIV高度保持一致

Question

为什么一定要用<div>呢?控制不了的东西没有掌握坚决不要用于工作！

Answer 1

只是就解决这个问题来问的，而不是讨论表格与DIV那个更有优势的，有知道的吗？

Answer 2

div有onresize事件，发生的时候去判断就可以了

Answer 3

不过onresize不是W3C规定的，所以只有IE支持

Answer 4

<div class="m_left" id="content">
<ul>
<li>coreldraw</li>
<li>illustrator</li>
<li>photoshop</li>
<li>dreamweaver</li>
<li>fireworks</li>
<li>flash</li>
<li>xml</li>
<li>javascript</li>
<li>css</li>
<li>english</li>
</ul>
</div>
<div class="m_left2" id="content2">
fff
</div>
<script>
document.getElementById("content2").style.Height=document.getElementById("content").clientHeight;
</script>

Answer 5

我的意思是无论div01>div02(高度)还是div01<div02(高度)，最后都让div01与div02的高度保持一致。
我用
--------------------------------------------------------------------------------------
if(document.getElementById("content").style.height>document.getElementById("content2").style.height)
{
document.getElementById("content").style.height=document.getElementById("content2").style.height+"px";
}
else()
{
document.getElementById("content2").style.height=document.getElementById("content").style.height+"px";
}
---------------------------------------------------------------------------------------
但无法实现，还想请教一下：clientHeight代表什么意思？和.style.height有何区别？

Answer 6

不好意思上面的代码中else()是错误的，我写的是else.

Answer 7

用以下代码在IE6和Firefox里面都能正常实现：
<script type="text/javascript">
<!--
var a=document.getElementById("content");
var b=document.getElementById("content2");
if(a.clientHeight<b.clientHeight)
{
a.style.height=b.clientHeight+"px";
}
else{
b.style.height=a.clientHeight+"px";
}
-->
</script>