<main>
  <p>Bacon ipsum dolor sit amet corned beef turducken jowl chuck, biltong turkey capicola bresaola. Pork strip steak prosciutto ball tip flank frankfurter ham filet mignon jowl pancetta. Shankle kielbasa salami jerky filet mignon kevin. Shankle beef ribs ham hock porchetta venison pork tail sausage meatball. Short loin shoulder bresaola frankfurter ball tip spare ribs andouille shank salami ham tongue beef pork chop kevin. Beef turducken biltong sirloin capicola, ribeye short ribs brisket swine shank short loin leberkas pig.</p>

  <p>Cow ground round ball tip ribeye swine pancetta shank pork loin strip steak bacon pastrami andouille tail sausage short ribs. Porchetta shank pastrami frankfurter ham filet mignon spare ribs doner ground round t-bone venison turkey chicken bacon. Jowl landjaeger ribeye, kielbasa tenderloin filet mignon tri-tip shankle ball tip chuck pancetta swine. Pork belly sausage filet mignon short ribs, chuck salami bacon. Jerky fatback tail tongue beef shank.</p>
</main>
<footer>
  Who does not love a good sticky footer?
</footer>
html {
  height: 100%;
}

body {
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  /* flex: 1; would be enough but IE has different defaults (surprise!) */
  flex: 1 0 auto;
}

/* Unimportant part */
body {
  font: 16px/1.5 Roboto, sans-serif;
  margin: 1px;
}
p {
  margin-bottom: 1em;
}
main, 
footer {
  padding: 2em;
  color: white;
  margin: 2px;
}
main {
  background-color: #3D9970;
}
footer {
  background-color: #001f3f;
}
Run Pen

External CSS

  1. https://fonts.googleapis.com/css?family=Roboto

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js