Making a div 100% browser height

Question

I know this has been asked many times and I've tried the fixes provided.

and I followed what it said, make the div instead

height: 100%; /* Make it */
height: 100vh;

however my div still has a gap between the top of it and the browser window.

What am I missing or not doing which is causing this problem? I've tried other suggestions to like making the html, body 100%.

Thanks.

`margin:0px 0px 0px 0px` add the following `css style` This is because of default margin settings just hoping so — Ankanna, Feb 21 '16 at 21:35

score 2 · Accepted Answer · answered Feb 21 '16 at 21:35

2

Both the body and paragraph elements have a default margin. The easiest way to clear that cross browser is with:

body,p {
    margin:0;
}

answered Feb 21 '16 at 21:35

j08691

1 Answers1