Прижать футер к низу сайта

HTML

<div id="wrapper">
    <p>весь контент</p>
</div>

<footer></footer>

CSS

body      {margin: 0; padding: 0;}
html,body {height: 100%;}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
 
#wrapper::after {
   content: "";
   display: block;
   padding-bottom: 110px; /* высота <footer> + отступ от футера */
}

footer {
    height: 100px;
    margin-top: -100px; /* высота <footer> в отр. значение */
}

Пример на JSFiddle