Footer stays at the bottom V.1

by davidxmartins

HTML

<div class="header"></div>

<div class="content"></div>

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

CSS

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

.header {
  background: black;
  height: 50px;
}

.content {
  min-height: 100%;
}

.footer {
  background: grey;
  position: relative;
  margin-top: -100px; /* Height of the footer */
  height: 100px;
  clear: both;
}