Alinear verticalmente un flexbox

Hay tres botones (botón 1, botón 2 y botón 3) en un flexbox ( myflex ).

¿Cómo puedo colocar este flexbox en la parte inferior de la pantalla y centrarlo horizontalmente?

Puedo centrarlo, pero no ponerlo en la parte inferior de la pantalla y hacerlo un pie de página adhesivo.

 #myflex { display: flex; //position:fixed; bottom: 20px; justify-content: center; bottom: 10px; } 
 

https://jsfiddle.net/fredericmarcel/7ssq32te/3/

Para mover un elemento verticalmente, el contenedor debe tener una altura adicional.

A diferencia del ancho, cuyos elementos de bloque se llenan al 100% de manera predeterminada, las alturas deben definirse. De lo contrario, los elementos predeterminados son auto : el alto del contenido.

En su código, no se especifica la altura, por lo que su contenedor flexible no tiene espacio adicional para la alineación. Para una ilustración, establezca los bordes alrededor del elemento del body y su contenedor:

 body { border: 2px dashed red; padding: 1px; } #myflex { display: flex; bottom: 20px; justify-content: center; border: 1px solid red; }