How to make the web page height to fit screen height with HTML?



Many ways are available to make the web page height to fit the screen height −

Give relative heights −

html, body {
   height: 100%;
}

You can also give fixed positioning −

#main
{
   position:fixed;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
}

You can also use Viewport height to fulfill your purpose −

height: 100vh;
Lakshmi Srinivas
Lakshmi Srinivas

Programmer / Analyst / Technician


Advertisements