用js获取div高度问题？

Question

html结构是这样的
<div>
  <div class="left"></div>
  <div class="main></div>
  <div class="right"></div></div>main是主体内容（高度自适应），left right分别是铺的是png格式的背景图是个外框，用jquery来获取main的高度然后再赋给left right，但是当main里的内容太长时（高度太高），left right就会比main 短一些(main内容不多时，left right的高度和mian的高度一致)

Answer 1

<div id="my_div_left"></div><div id="my_div_right"></div><script language="javascript">
function fixDiv()
{
    var objLeft = document.getElementById('my_div_left');
    var objRight = document.getElementById('my_div_right');
    if (objLeft.offsetHeight > objRight.offsetHeight)
        objRight.style.height = objLeft.offsetHeight + 'px';
    else
        objLeft.style.height = objRight.offsetHeight + 'px';
}
</script>

Answer 2

现象是left right的高度一直视一致的，就是main里的内容太多时，left right的高度会小于main的高度，下面一截没有边框了

Answer 3

不能把mAin的高度也根据左右的调啊？

Answer 4

left  right 中没有内容只是一个背景图，是边框，主体是main

Answer 5

获得宽度注意要算上border的宽度

Answer 6

document.getElementById('div').style.height;获取高度
内容过多导致高度不一致，在IE浏览器里会自动优化，样式会被撑大，但还是能显示正常。
而其他浏览器都有可能会出现文字重叠现象。

Answer 7

内容过多导致的高度不一致，怎么解决，我页面在firefox 、ie下的效果一样

Answer 8

http://topic.csdn.net/u/20100720/17/635ff1e8-fce7-4b34-84cd-e3c9d993dcda.html?98484分享一下资源，这里面有讲到这个问题，去看看吧。

Answer 9

还是改页面的整体构架或者在CSS上琢磨吧，这种事情本来就应该是用它们解决的。

Answer 10

用css，限定高度即可。超过的隐藏
div {
   height: 200px;
   overflow: hidden;
}