Question

I am having trouble finding a way to position a div at the bottom of the container.

What I tried:

position:absolute;
bottom:10px; 

But it displays the div I need at the bottom, outside the container in which I need it in…

I appreciate any help in this regard.

Heres the jsfiddle showing the example:

http://jsfiddle.net/Gd6JC/

Answer 1

Set the container to position: relative and make sure that the <div> you are trying to position at the bottom of the container is nested inside the container.

http://jsfiddle.net/Wexcode/RdjS3/