Fixed Footer CSS at Bottom of Page without Overlapping Content

I was trying to fix the footer of my blog to the bottom of the page even when there is less content. What usually happens is , if there is less content on the page then , the footer is moved up and leaves a white space at the bottom of webpage that doesn't look good. I wanted to make my page similar to Google homepage where it is full width and i also wanted it to be able to scroll down if there