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 :

By Arjun

I am Arjun from Hyderabad (India). I have been working as a software engineer from the last 7+ years, and it is my passion to learn new things and implement them as a practice. Aside from work, I like gardening and spending time with pets.

Leave a Reply

Your email address will not be published. Required fields are marked *