CODEWITHSUNDEEP
css
David Lawson
David Lawson

Reputation: 7922

Height: 100% inside min-height: 100%

How would you get a height: 100% inside a min-height: 100% working?

Upvotes: 8

Views: 4134

Answers (1)

Chris Lercher
Chris Lercher

Reputation: 37778

I usually use:

position: absolute;
height: 100%;

And on the outer div:

position: relative;
min-height: 100%;

Using static positioning doesn't work, because the browser needs the outer div's height to calculate the inner div's height. But it doesn't know the outer div's height until it has calculated the inner div's...

However, my solution can't be used in many situations. Maybe someone else has a better one.

Upvotes: 11

Related Questions