有两个div。
<div id="left" > <div id="right">
一个float左边,一个float右边。因为左边的div,有底色。我想让它和右边的div同高。
问题时,右边的div的内容高度不等,有高有矮。(内容多时,自然会撑高)我写了大概这样一个js。
<script type="text/javascript">
function Adjust()

  left.style.height=right.offsetHeight; 
  
}
window.onload=Adjust;
</script>但这个offsetHight值,似乎只是div没内容时的空值,约16.
我只能 通过  right.document.body.offsetHeight  这样来取值。 但这个高度值,包括了这个body的值。
<b>请问达人,我应怎样才能却到 right div的高度值呢?</b>asp.net 中的onRender 对应下 的 javascript 大概是什么事件?
 

解决方案 »

  1.   

    试试
    left.style.height=right.offsetHeight+"px"; //因为offsetHeight没有单位的
      

  2.   

    你要的是这个效果?
    <div id="left" style="float:left;border:1px solid yellow;width:400px"></div>
    <div id="right" style="float:right;border:1px solid red;width:400px"><span style="width:100px">111111111</span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span><span style="width:100px"></span></div>
    <input type="button" value="增加" onclick="addinright()">
    <script type="text/javascript">
    function Adjust()
    {
      left.style.height=right.offsetHeight;}
    window.onload=function(){
        document.getElementById("right").onresize=function(){
            Adjust();
        }
        Adjust()
    };
    function addinright(){
        document.getElementById("right").innerHTML+=document.getElementById("right").innerHTML
    }
    </script>
      

  3.   


    <div id="right" style="float:right;border:1px solid red;width:400px"><div style="width:100px">111111111</div><div>就是这个效果,非常感谢!!