Javascript 自动调整div的大小

这是关于如何调整div大小的另一个无限问题，但反过来说，我还没有找到一个足够相似的问题来处理我的特定案例

函数更新（）{
$（'#container.body text'）.bigText（{verticalAlign:'top'，whiteSpace:'pre'}）；
}
函数doresize（表单）{
var container=$（'#container'）[0]；
container.style.height=form.height.value+'px'；
设置超时（500，更新）；
}
函数dotext（form）{
$（'#container.body text'）.text（form.text.value）；
更新（）；
}
更新（）
.container{
浮动：左；
边框：实心1px黑色；
位置：相对位置；
左边距：5px；
宽度：20%；
高度：200px；
填充：2px；
}
.标题{
宽度：100%；
高度：64px；
背景颜色：蓝色；
}
.身体{
宽度：100%；
身高：100%；
最大高度：计算（100%-64px）；
背景颜色：绿色；
}

设置高度：
调整大小

设置文本：多行
正文
更改



多线
正文
我已经在一个代码中尝试过了，请您尝试一下，看看它是否适合您的需要，下面的代码将使绿色div fullfil成为Reming容器的高度，然后在计算文本大小和宽度后，它将缩小以适应新的文本高度

function update() {
        $('#container').css('height', '200px' /*this would be dynamic based on the container height*/);
        $('#container .body-text').bigText({ verticalAlign: 'top', whiteSpace: 'pre' });
        $('#container').css('height', $('#bodytxt').height() + 64 /*this is the header height - blue div*/);
    }

您还需要为bodytext div添加一个id：

<div id="bodytxt" class="body-text">Multi-Line Text</div>

多行文本
完整示例似乎不起作用。使用表格将高度设置为600不会增加容器的高度，也不会使容器内的彩色分区垂直居中。（也是在“多行文本”被咀嚼的过程中的某个地方。）不过，我对您的预编辑代码更感幸运，因此如果您删除或修复已编辑的示例，我会给您打勾。