How can I send an inner to the bottom of its parent ?

Question

The div inside another div picture and code below. Because there will be text and images of the parent div. And red div will be the last element of the parent div.

<

Answer 1

A flexbox way.

HTML:

  
Images, text, buttons oh my!
  
Bottom

CSS:

.parent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*  not necessary, just to visualize it */

.parent {
  height: 500px;
  border: 1px solid black;
}


.parent div {
  border: 1px solid red;
}

Edit:

Source - Flexbox Guide

Browser support for flexbox - Caniuse