Question

使用load方法，我正在向现有div加载内容。当内容延长时，我想增加现有div的高度以匹配加载内容。

我怎样才能找到加载的内容高度，如果它包含在一个名为pageContent的div上

任何帮助？

var container = $('existingDiv')
this.container.load("Doc/chapter1/index.html", function(element){
                console.log($(element).innerHeight())//getting 0
container.height(element.height())//?
            });

Answer 1

通常你可以用简单的CSS做到这一点（当然 - 这取决于你的div复杂性 - 有时你需要JS）：您可以使用min-height，max-height和overflow来实现此目标。

Answer 2

使用css会不会有帮助？

#existingDiv {
    height: auto;
    min-height: 250px;
    max-height: 450px;
    overflow: hidden;
}

我不确定你的css框架是怎样的，但这可行。

Answer 3

#existingDiv {
    height: auto !important;
    min-height: <any-value>;
    max-height: <any-value>;
}

试试这个。这应该给容器自动高度。但同样，它取决于您在父容器上应用的所有其他css以及此容器周围的元素

加载html后如何获取容器高度

3 个答案: