Make a div css height stretch to the bottom of the body

Question

I'm currently working on a webpage where i have a template and add the content in after so i have a div which changes height depending on the content put in it. i want to put another div down the side which will stretch down to the bottom of the first div no matter what size the original div is.

i have tried doing it by using:

    height:100%

and a few other methods in CSS

Thanks

Answer 1

If its a case of a div inside a div and you want the second div to be at the bottom of the first div then.

set for div1:

position:absolute;

and for div 2:

position: absolute;
bottom: 0;