使用javascript更改div的高度

Question

当div高度超过100px时，我想在div上设置高度。

例如，当div的内容使div的高度填充超过100px时，我希望它自动适合200像素。

Answer 1

你可以这样做的一种方法是确保元素CSS中没有“height”属性（内联样式很好）。然后，当内容更改时，请调用此函数：

if ($('#myDiv').height() > 100) {
    // Div is larger than 100px so increase it to 200px
    $('#myDiv').css('height', '200px');
}

Answer 2

我认为min-height CSS属性正是您所寻找的：

div#myDiv {
    min-height: 100px;
    height: auto; 
    display: block; /* float won't work */
}

此应自动调整div的大小以动态包装其整个内容。

Answer 3

您可以尝试

if($("divID").height() > 100){
    $("divID").css("height","200px");
}

Answer 4

您可以使用CSS处理min-height和max-height。

div#myDiv {
min-height: 100px;
height: auto;
max-height: 200px;
}

你也可以用javascript做一些事情，但是这样你也可以有150px或120px的高度。如果你不想那样，你应该用javascript-way。