关于2个div保持一致高度的做法（用js解决）

最近修改以前写的一些代码，发现点问题。

比如2个div需要动态的保持一致的高度。

原先的做法是：

<div style="overflow:hidden">

<div id="left" style="margin-bottom:-10000px; padding-bottom:10000px;"></div>

<div id="right" style="margin-bottom:-10000px; padding-bottom:10000px;"></div>

</div>

如果实际的高度不大于10000px，那么这个是没有问题的，如果有一边的实际高度大于了10000px，则另外一边的高度只能被定义为10000px，不符合实际运用的需求。

 

经过测试，用js可以解决这个问题。

代码如下：

var h = document.getElementById("left").offsetHeight > document.getElementById("right").offsetHeight ? document.getElementById("left").offsetHeight : document.getElementById("right").offsetHeight;
document.getElementById("ztleft").style.height = document.getElementById("ztright").style.height = h + "px";

如果是动态生成的div，只要设法取得id，存入js数组，用循环也可以简单的解决问题。