Pro sticky footer, který bude vždycky přilepený na spodku obrazovky a to i přesto, že obsah stránky bude menší než 100 % výšky okna prohlížeče si připravíme následující HTML strukturu:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <div id="main-content-flex">
        // tady je obsah stránky
    </div>
    <div id="footer">
        // tady je zápatí
    </div>
</body>
</html>

Do CSS pak vložíme:

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

#main-content-flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}