Question

150

How to make a div fill its container with 100% width and height?

rated 0 times [ 153] [ 3] / answers: 1 / hits: 15488 / 9 Years ago, fri, december 11, 2015, 12:00:00

I am creating a text editor, and I am working on the sizing of my div. Unfortunately, it does not take up the whole page. Its width and height are set to 100%. Here is the CSS:

html, body {

    position:absolute;

    z-index:1;

    top:0px;

    left:0px;

}

If you would like to view the page, you can see it here. Thank you all so much for your help.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tyriquehenryq

Add To Favorites

Follow

Total Points: 248

Total Questions: 81

Total Answers: 105

Location: Bermuda

Member since Thu, Apr 20, 2023

1 Year ago

answered 9 Years ago marisela · Accepted Answer

The reason it's not taking up the entire height is because the parent objects are most likely not 100% as you would like. Place the following code before the container style:

 html,body{

width: 100%;

height: 100%;

}