jquery - 如何将 div 内容放在外部 div 的底部，而不管外部 div 的高度变化如何

Question

我有一个 html，我想在 description class div 中添加另一个 div

<div id="desc" class="col4">
    <div class="description">
        <div style="font-size:20px; font-weight:700; padding-bottom:10px;">
            <?php echo $auction['Product']['title']; ?>
        </div>
        <span class="detaildesc"><?php echo $auction['Product']['description'];?></span>
    </div>
</div>

我们可以在span标签之后添加div，但是如何确保新添加的div总是出现在底部。 description class div 的高度相对于另一个 div 的高度动态增加。那么如何在该类中添加另一个 div 并使其显示在底部而不考虑高度变化。

Answer 1

您可以将“position:relative”添加到类“.description”，新插入的 div 应该具有如下样式:

. new_div {position:absolute; bottom:0px;}