Как разместить содержимое div в нижней части внешнего div независимо от изменения высоты во внешнем div

#jquery #css

#jquery #css

Вопрос:

У меня есть 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 в этот класс и сделать так, чтобы он отображался внизу независимо от изменения высоты.

Ответ №1:

Вы можете добавить «position: relative» к классу «.description», и у нового вставленного div должно быть несколько стилей, подобных этому :

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