Ancorare un div in basso.

[angelo86]

Salve a tutti,

Vorrei sapere se esiste un modo per ancorare in basso un div rispetto al div padre...

Esempio:

<div style="width:300px; background-color:#00F; height:200px">
       <div style="height:50px"></div>
       <div style="width:100px; height:100px; background-color:#0F0"></div> //ancora in basso
</div>

Grazie.

[jubstuff]

Puoi dichiarare per il div più esterno

position:relative 

e poi per quello da ancorare in basso

position:absolute;
 bottom:0; 

In questo modo il div interno avrà il bordo inferiore sempre a contatto con quello del div esterno. L'unico problema è che quando imposti il posizionamento assoluto l'elemento viene eliminato dal flusso del documento.
Dovresti quindi impostare del padding inferiore, e sottrarlo dall'altezza del div esterno, nel tuo esempio

#esterno{
width:300px; 
background-color:#00F; 
height:100px; /*200px-100px di padding*/
position:relative;
padding-bottom:100px; /*altezza elemento da ancorare*/
}

#interno{
width:100px; 
height:100px; 
background-color:#0F0;
position:absolute;
bottom:0;
} 

[angelo86]

ho risolto!!

Grazie per il tuo preziosissimo aiuto!