Where does the excess 20px come from? [closed]

Question

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 9 years ago.

I'm developing a website from the ground up and there seems to be an extra twenty (or so) pixels that are displaying at the very bottom of the webpage. Instead of ending at the last element, the page continues and shows the body background. I've tried using Firebug and have fiddled with about every element in the css file, but can't find what is causing the excess pixels to show.

Any help on figuring this out is very much appreciated.

Screenshot of Problem:

Answer 1

its coming from here:

.main-wrap {
    margin-bottom: 20px;
}

Answer 2

it comes from main-wrap class style:

.main-wrap {
    margin-bottom: 20px;
}

remove it and you're fine :)

By the way, it's referenced here:

<div class="main-wrap row">




        <script type="text/javascript" src="//cdn.sublimevideo.net/js/goqhe4ff.js"></script>
            </div>