align div nel fondo di un altro div usando css

Question

voglio allineare il DIV c nella parte inferiore della DIV b non DIV a

<div id="a"> 
    <div id="b"> 
     <div id="c"> 
       Div c 
     </div> 
    </div> 
</div> 

Answer 1

Questo dovrebbe funzionare:

#b { 
    position: relative; 
} 

#c { 
    position: absolute; 
    bottom: 0px; 
} 

il trucco è position: relative; su l'elemento genitore. Senza quello, #c galleggerà via alla parte inferiore della pagina.

Answer 2

Ci vorrà div#c fuori dal flusso del documento. Esso non può essere perfetto, ma si può fare qualcosa di simile al seguente:

#b { 
    position: relative; 
} 

#c { 
    position: absolute; 
    bottom: 0; 
} 

Answer 3

Clicca in questo link, forse può aiutare a

#b { 
display: -webkit-inline-flex; 
display: -moz-inline-flex; 
display: inline-flex; 

-webkit-flex-flow: row nowrap; 
-moz-flex-flow: row nowrap; 
flex-flow: row nowrap; 

-webkit-align-items: flex-end; 
-moz-align-items: flex-end; 
align-items: flex-end;} 

http://jsfiddle.net/rudiedirkx/7FGKN/