tutti gli elementi flottati "galleggiano" nella pagina, quindi non possono in nessun modo influire direttamente sull'altezza del contenitore.
per alzare il contenitore è necessario un div che non sia flottato.
solitamente si usano dei div di coda senza definizione di float o ancora meglio con definizione di clear, che serve proprio per specificare al browser che quel div non segue nessuna direttiva di floating assegnata in precedenza.
Nel tuo caso mancando un div è sufficiente usare un br che andrà a posizionarsi esattamente sotto i div flottati, aumentando quindi l'altezza del contenitore.
questo in maniera confusa e terra terra![]()