Css div 100% height

This tutorial will show you how to set 100% full height div with CSS with simple lines.

The percentage (%) is a relative unit so the resulting height depends on the height of parent element’s height.
So we must set HTML and body elements height to 100%, so the resulting height of container div becomes equal the 100% height of the browser window.

After that, set the full 100% height to your container(which you want 100% height)

Your final complete code would look like this :

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

Arjun
I am Arjun from Hyderabad (India). I have been working as a software engineer from last 7+ years, and its my passion to learn new things and implement them as a practice. Aside from work, I likes gardening and spending time with pets.
DMCA.com Protection Status