CodePen

HTML

            
              <div class="container">
  
</div>

<div class="push"></div>
<div class="footer"></div>
            
          
!

CSS

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

.container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -20px;
	width: 100%;
}

.push, .footer {
	clear: both;
	height: 20px;
}

.footer {
	background-color: red;
	border-top: 1px solid #E0E0E0;
	clear: both;
	padding: 20px;
	position: relative;
	text-align: center;
	width: 100%;
  
  box-sizing: border-box;

}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................