如何将div内容放在外部div的底部，而不考虑外部div中的高度变化

Question

我有一个html，我想在div

中添加另一个description class 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>

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

Answer 1

你可以将“position：relative”添加到类“.description”中，新插入的div应该有一些这样的样式：

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