javascript - 奇怪的div高度错误:Webkit还是jQuery错误？

我有一个简单的网页应用程序，它具有两个并排的浮动内容div。

一小段jquery通过查看父div的高度并进行简单的计算来设置这些div的高度

这种方法在Firefox和IE中非常有效。在Safari和Chrome中也首次使用。

但是，当在Safari或Chrome浏览器中重新加载页面时，左右div会无缘无故地神奇地增加其高度约200像素。

进行硬刷新..和div高度恢复正常

请指教！这很奇怪-

<div class="holder1"  >

<!--      LEFT HAND BOX     -->

<div id="left-box" class="half left">
<div class="info-box">
<h2>Left Hand Content</h2>


 ------------- Left content here----------------------

</div>
</div>

<!--      RIGHT HAND BOX     -->

<div id="right-box" class="half right" >
<div class="info-box">
<h2>Right Hand Content</h2>

 -------------Right content here----------------------

</div>
</div>

<div class="clearfix"></div>
</div>

<!--    END RIGHT and LEFT BOXES    -->

<div>   more content here  </div>

     <script language="javascript">
            var new_height =  $('#left-box').closest('.holder1').height() -25;
            $('#right-box').find('.info-box').height(new_height);
        $('#left-box').find('.info-box').height(new_height);

    </script>

最佳答案

您确定在运行javascript时会构建DOM吗？
尝试

 <script type="text/javascript">
    $(function() {
        var new_height =  $('#left-box').closest('.holder1').height() -25;
        $('#right-box').find('.info-box').height(new_height);
        $('#left-box').find('.info-box').height(new_height);
    }
</script>