div non si adatta ad altezza?

[robbitara]

Ciao a tutti voi di HTML.it
E' da molto tempo che vado incontro a questa problematica che non ho mai avuto voglia di risolvere.
Praticamente la situazione è questa:

Ho un div contenitore chiamato "content", con all'interno altri 3 div flottanti:

#content {
    max-width: 1060px;
    margin: 0 auto;
}

#news {
    box-shadow: 0 0 5px #666;
    border-radius: 2px;
}

.left {
    float: left;
    margin: 10px 0 0 10px;
}

I tre div all'interno hanno l'id "news" e la classe "left".
Il div "content" però, se analizzato con gli strumenti di sviluppatore del browser, ha larghezza 1060px e altezza 0px.
Perché non raggruppa gli elementi floattanti al suo interno?

Grazie anticipatamente,
Roberto.

[Prill]

Perché ciò che flotta si sposta non seguendo quello che è il normale flusso degli elementi e quindi seppure inseriti in un div non vengono inglobati dal loro contenitore (che non si estende per la loro altezza) se non interrompendo il float (necessario quindi un clear)