make background image stick to bottom of page

Question

On this website there's a background image in the footer that should stick to the bottom of the page. I don't mean the visible part of the page, but rather the very bottom of the page. However on pages where the content is short - like this one - it appears some distance above the bottom.

The CSS that I'm currently using is:

html {
  background: url(../images/responsive/bg.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  outline:0!important;
}

Answer 1

What you're asking to do is more in-line with the concept of a "sticky footer". Example and tutorial

Answer 2

如何使用float属性：

float: bottom;