javascript - Jquery 在内部 div 上追加()，同时扩展外部 div，以便内部 div 元素适合内部

Question

我有与此类似的 div 结构。我正在使用 jquery 通过 id append 在 div 内 append 元素。但是，外部 div 不会自动扩展以适应 append 元素。

<div class="well" id='expand'>
    <div class="container">
        <!-- some other divs -->
    </div>
    <div id= "append">
    </div>
</div

我通过增加外部 div 的高度解决了这个问题，即

 var div_height = $('#expand').height();
 $('#expand').css({"height":div_height + append_height})

有更好的方法吗？

Answer 1

您可以使用 min-height 和 height:auto 使用纯 CSS 来完成此操作，这会导致 expand DIV 根据以下内容调整其高度其内容:

#expand{
    height:auto;
    min-height:50px;
    height:auto !important;  /* for IE as it does not support min-height */
}

还将 height:auto !important; 添加到子元素以支持移动设备。