How to place footer in the bottom of the page

<body>
  <div class="wrapper">
      content
    <div class="push"></div>
	  </div>
	  <footer class="footer"></footer>
	</body>
html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}
.footer,
.push {
  height: 50px;
}
(Visited 41 times, 1 visits today)

Leave a comment

Your email address will not be published. Required fields are marked *