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.

0 0 vote
Article Rating
Notify of
Inline Feedbacks
View all comments
DMCA.com Protection Status
Would love your thoughts, please comment.x