How can I position my div at the bottom of its container?

Answer 1

Don't wanna use "position:absolute" for sticky footer at bottom. Then you can do this way:

 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{
            background: #000;
            text-align: center;
            color: #fff;
        }
        .footer,
        .push {
            height: 50px;
        }

    
    

        
content
        

    
    
test