[CSS] Altezza variabile div, nidificatod dentro un altro div

[adiumx]

Ciao a tutti, io ho 2 div

<div id="testo">
<div id="boxTesto">testo ecc. ecc.</div>
</div>

#testo{ 
border-bottom: 1px solid #b4bdec;
}

#boxTesto { 
position: relative; 
left: 3%; 
top: 30px; 
width: 94%; 
background-color: #ededed;
border: solid 1px #b4bdec; 
padding:5px;
}

nell'allegato vedete il risultato che vorrei.

Il problema? Il testo varia, e se diventa troppo lungo, poi esce e "passa" sulla linea del #testo

[seed_squall_it]

Chiaro, perché i box posizionati in modo fisso, relativo e assoluto sono estratti dal flusso del documento e non condizionano il layout degli altri box (che sono invece posizionati in modo statico).

Mi chiedo solo perché hai usato position: relative. Dato che #boxTesto è contenuto in #testo, quest'ultimo, se non gli specifichi nessuna altezza, sarà alto tanto quanto basta a contenere #boxTesto. Ciò ovviamente solo se #boxTesto è posizionato in modo statico (ovvero non ha indicato un valore diverso per la proprietà position e non è flottante).
Se hai usato position: relative per "spostare" #boxTesto di una certa misura rispetto alla sua posizione "normale" (con top e left), puoi benissimo ottenere lo stesso usando i semplici margini.

#boxTesto { 
margin-left: 3%; 
margin-top: 30px; 
width: 94%; 
background-color: #ededed;
border: solid 1px #b4bdec; 
padding: 5px;
}