juliya
10/18/2017 - 8:43 AM

full-height

html {
    height: 100%;
}
body {
    overflow-x: hidden;
    height: 100%;
}
/*=HEADER=*/
header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    width: 100%;
}
/*=FOOTER=*/
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    width: 100%;
}
/*=CONTENT=*/
.content-wrapper {
    overflow-x: hidden;
    position: relative;
    padding-top: 205px;
    padding-bottom: 160px;
    width: 100%;
    min-height: 100%;
}
<body>
  <div class="content-wrapper">
    <header>
      <div class="container"></div>
    </header>
    <section class="content">
      <div class="container"></div>
    </section>
    <footer>
      <div class="container"></div>
    </footer>
  </div>
</body>