
- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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;
- Related Questions & Answers
- HTML Screen height Property
- How to make the main content div fill height of screen with CSS and HTML
- How to use image height and width attribute in HTML Page?
- How to stretch elements to fit the whole height of the browser window with CSS?
- HTML height Attribute
- How to get the 'height' of the screen using jQuery?
- How to get the Width and Height of the screen in JavaScript?
- How to make a GridLayout fit screen size in Android?
- How to completely fill web page with HTML canvas?
- How to add the height of the element in HTML?
- How can I get android device screen height, width?
- How to make page links in HTML Page?
- HTML DOM Object Height Property
- HTML DOM Style height Property
- HTML DOM Video height Property
Advertisements