My element is not filling the entire space of the page

Question

So using the CSS code below I wanted to make my page fill entirely with an image located on my computer. Instead, it turned out like this:

#background {
    back         


        

Answer 1

All browsers come with a default style sheet. It provides a basic set of CSS rules.

Here is a sample default style sheet from the W3C: https://www.w3.org/TR/CSS22/sample.html

As you can see from the sample, it is recommended that browsers include body { margin: 8px }. That's likely the source of the white space between the body and the viewport.

To override the default use body { margin: 0; }.