javascript - 用javascript改变div的高度

Question

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

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

score 2 · Accepted Answer

您可以做到这一点的一种方法是确保元素 CSS 中没有“高度”属性（内联样式很好）。然后，当内容改变时调用这个函数：

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

score 1 · Accepted Answer

我认为min-heightCSS 属性是您正在寻找的：

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

这应该会自动调整 div 的大小以动态包装其全部内容。

score 0 · Accepted Answer

0

你可以试试

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

于 2013-04-16T12:49:14.553 回答

score 0 · Accepted Answer

您可以只使用 CSS 的 min-height 和 max-height 。

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

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

4 回答 4