how to fit the webpage exactly the screen size without scrolling?

Question

I am new to css and I am finding some difficulty in setting my webpage to fit exactly the screen size but it doesn't fit and a scroll bar occurs. I have tried all the ways mentioned here But none of them works. My web page looks more or less like this. When i used

html{
height: 100vh;
}

body{
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    font-family: gothambook;
    position: fixed;
    top: 0;
    bottom: 0;
    }

The scroll bar didn't occur but the content went below the screen and was not visible

Answer 1

html {}
body {
    height: 95vh;
}

vh stands for View Height and so 97vh is 97% the View/Browser's height.

https://css-tricks.com/fun-viewport-units/

For some reason 100vh makes it scroll a little.