Search code examples
htmlcsspositioning

CSS: Aligning a div to the bottom of a parent div

http://jsfiddle.net/nFrp7/4/

I have a layout similar to this jsfiddle I have created. I want to know how to get the blue div to position itself at the bottom (where the red div extends) no matter what (but not using position: fixed; or bottom: 0;).

How can I do this?

Solution

  • Check this http://jsfiddle.net/nFrp7/10/

    uses a wrap div to contain all the layout divs and uses absolute positioning for blue div