div align en la parte inferior de otro div con css

Question

quiero alinear el DIV c en la parte inferior de la DIV b no DIV a

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

Answer 1

Esto debería funcionar:

#b { 
    position: relative; 
} 

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

El truco es position: relative; en el elemento padre Sin eso, #c flotará hasta el final de la página.

Answer 2

Tomará div#c fuera del flujo del documento. Puede que no sea perfecto, pero se puede hacer algo como lo siguiente:

#b { 
    position: relative; 
} 

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

Answer 3

Haga clic en este enlace, tal vez puede ayudarle 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/