在调整browserwindow大小后,div的高度没有调整大小

时间:2013-09-10 10:40:50

标签: javascript jquery html css

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

<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. 用户缩小窗口浏览器直到显示滚动条
  4. 调用resize()
  5. 没有按代码调整大小,因为没有滚动条
  6. 任何人都知道如何让div高度适合文字? 我不能使用.css("height", "100%"),因为它使用了包装器的高度。 div高度应该适合添加了代码隐藏(asp.net)

    的文本

    提前致谢

0 个答案:

没有答案