javascript - 调整浏览器窗口大小后，div 的高度未调整大小

Question

这是我的代码的简短版本：

<div class="wrapper">
        <div id="content">
        </div>
</div>

JavaScript

$(document).ready(function () {
    resize();
});

$(window).bind('resize', function () {
    resize();
});

function doSomething() {
    wrapperobj = $(".wrapper");
    contentspanobj = $("#c");

    ............

    if (wrapperobj.length) {
        wrapperobj.height(....);
        wrapperobj.css({ overflow: 'auto' });
    }
    if (contentspanobj.length) {
        if (!wrapperobj.hasScrollBar()) {
            contentspanobj.height(wrapperobj.height() - 76);
        }
    }
    ............
}

如果包装器显示滚动条，则 div 应该调整大小，如果不是，它应该适合它的内容。

以下场景：

1. 没有显示滚动条，用代码调整了 div 的大小
2. 用户缩小窗口浏览器直到显示滚动条
3. resize() 被调用
4. 没有通过代码调整大小，因为没有滚动条

任何人都知道如何让 div 高度适合文本？我不能使用.css("height", "100%")，因为那时它正在使用包装器的高度。div 高度应适合添加代码隐藏的文本（asp.net）

提前致谢