How to adaptively and cross-browser push the footer to the bottom of the screen?

Question

css

Hello.
Please tell me how to support android 4.2, i.e. cross-browser push footer to the bottom of the screen?
I read the options that the search gave out, but did not find a suitable one.
There are small nuances:
- the site is adaptive and emails can be added to it dynamically.
The variant with flex'ami disappears, tk. no support.
The option to absolutely position the footer is also not very suitable. When narrowing the screen, everything goes and given that e-you are added dynamically, you will need to constantly monitor this.
Are there any other options?

Answer 1

Why is flex missing? Here's your compatibility . so flex is now the most correct and cross-browser option

Answer 2

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

* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.wrapper {
  display: table;
  height: 100%;
}
.content {
  display: table-row;
  height: 100%;
}

Answer 3

Survived pre-flex times with this csstemplater.com

Answer 4

position: fixed

Answer 5

here is an example

Answer 6

https://codepen.io/anon/pen/vdRvqq
Any content can be in the container class

Answer 7

Through the minimum height I use the calc() function and vh values ​​https://jsfiddle.net/wey7kpbx/2/