Il contenitore non sente l'altezza dell'immagine

[mlolcu]

Buongiorno,
ho un contenitore nel quale deve stare un'immagine (a sinistra) circondata da testo.
Tutto il contenitore (che ha uno sfondo) deve espandersi in altezza relativamente al suo contenuto, quindi indipendentemente dal fatto che l'immagine risulti più alta del blocco di testo o viceversa.
Invece, sebbene il testo circondi corretamente l'immagine, il contenitore con il suo sfondo segue solo lo spazio occupato dal testo e ignora l'altezza dell'immagine che se è più alta del blocco di testo può uscire dallo sfondo.
Ho provato anche a mettere l'immagine in un DIV classe .AllineaSinistra ma non sembra funzionare.
Se metto display:inline-block alla classe .Contenitore sembra funzionare, ma il contenitore sbaglia larghezza quando contiene solo testo.
Dove ho sbagliato?
Grazie mille

        <div class="Contenitore">
            <img src="images/test.jpg"/ class="AllineaSinistra">
            testo..........
       </div>
   

.Contenitore
{
    position:relative;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 130px;
    margin-right: 10%;
    background-color: rgba(255,255,255,0.6);
}
.AllineaSinistra
{
    float:left;
    padding-right:10px;
    padding-bottom:10px;
    width: 30%;
}

[Sky]

L'altezza dell'immagine viene ignorata perché è (giustamente) allineata con la proprietà float. Tutto ciò che è posizionato così viene parzialmente slegato dal flusso html e una delle conseguenze è che l'elemento contenitore non si adatta alla sua altezza.
La proprietà clear: rimedia a questo inconveniente. Nel tuo caso puoi applicarla a una semplice interruzione di linea posta prima della chiusura del div Contenitore, così:

        <div class="Contenitore">
            <img src="images/test.jpg"/ class="AllineaSinistra">
            testo..........
            <br class="clear-left">
       </div>

CSS aggiuntivo:

.clear-left {
    clear: left;
}

Su internet trovi molti tutorial sull'uso della proprietà clear

[mlolcu]

grazie, ho risolto mettendo nella classe .Contenitore

overflow:auto;

[Sky]

Anche, sono entrambi metodi validi