Set Height 100%

[Nikolas96]

Hi Guys.

in this code:

<div id="main">

<div id="inn"></div>

</div>

#main { height 100px; width:100%;}

if i set height of #inn to 100% it take 100px height off screen.

but i want to take 100% height of screen!

how to do it?

thanks.

[dsonesuk]

A child element using height: 100%; will take up the full height of parent using fixed height unit of px.

 

A outermost parent element using min-height: 100%; while the html and body element have 100% height as in

 

html, body { height: 100%; }

 

Will fill the browser screen height as as minimum, and will grow if content extends beyond browser window height.

 

You can also use height: 100vh; (100% of view port/browser window height), which will exaxt height of browser window, but will not extend with content.