Make div stick to bottom of another div (not bottom of viewport)

Question

How can I make a div stick to the bottom of the parent div, not necessarily the bottom of the viewport? I still want to place content below the parent div.

I'd like to do this with cross-browser compatibility and no JS if possible.

Answer 1

Read up about css position: http://www.w3schools.com/css/css_positioning.asp

Basically you can position a div with absolute anywhere within a parent that has position relative.

.parent {
    position: relative;
}

.child {
    position: absolute;
    bottom: 0;
}