Javascript 调整浏览器窗口大小后未调整div的高度

Javascript 调整浏览器窗口大小后未调整div的高度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,以下是我的代码的简短版本: <div class="wrapper"> <div id="content"> </div> </div> 如果包装器显示滚动条,则应该调整div的大小,如果不是,则应该适合其内容 以下场景: 未显示滚动条,已使用代码调整div的大小 用户减少窗口浏览器直到显示滚动条 调用resize() 没有代码调整大小,因为没有滚动条 有人知道如何使div高度适合文本吗? 我不能使用.css(“h

以下是我的代码的简短版本:

<div class="wrapper">
        <div id="content">
        </div>
</div>
如果包装器显示滚动条,则应该调整div的大小,如果不是,则应该适合其内容

以下场景:

  • 未显示滚动条,已使用代码调整div的大小
  • 用户减少窗口浏览器直到显示滚动条
  • 调用resize()
  • 没有代码调整大小,因为没有滚动条
  • 有人知道如何使div高度适合文本吗? 我不能使用
    .css(“height”,“100%”)
    ,因为它使用的是包装的高度。div高度应适合添加到codebehind(asp.net)中的文本


    提前感谢

    。css(“高度”、“自动”)
    将释放div,使其内容保持打开状态。哈哈,谢谢,工作正常。应该知道:DYou需要呈现与标记相关的CSS。
    $(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);
            }
        }
        ............
    }