Javascript 页面加载时Google Chrome div溢出

我有一个jQuery脚本来调整容器中所有div的大小，但是当我重新加载页面时，它在Google Chrome中无法正常工作。如果我调整浏览器宽度并重新加载页面，div将调整大小，文本将溢出div框。我怎样才能解决这个问题？以下是jQuery代码：

<script type='text/javascript'>
function resizeDivs() {

$(".container>div").height("");

$('.container').each(function(){  

    var highestBox = 0;
    $('.column', this).each(function(){

        if($(this).height() > highestBox) 
           highestBox = $(this).height(); 
    });  

    $('.column',this).height(highestBox);

});  

}



$(document).ready(function(){



$(".container>div").css('height', 'auto');

resizeDivs();


});

$(window).resize(function () {


$(".container>div").css('height', 'auto');
resizeDivs();

});

</script>

函数resizeDivs（）{
$（“.container>div”）。高度（“”）；
$（'.container'）。每个（函数（）{
var-highestBox=0；
$（'.column'，this）.each（函数（）{
if（$（this）.height（）>highestBox）
highestBox=$（this）.height（）；
});  
$（'.column'，this）.height（最高框）；
});  
}
$（文档）.ready（函数（）{
$（“.container>div”）.css（'height'，'auto'）；
resizeDivs（）；
});
$（窗口）。调整大小（函数（）{
$（“.container>div”）.css（'height'，'auto'）；
resizeDivs（）；
});

尝试在未准备好文档的窗口加载时调用resizeDivs（）