Esistono svariati modi di applicare il clear ai float. Tuttavia dobbiamo scegliere il metodo con i minori effetti collaterali.
La soluzione è la seguente:
.clear:after {
content: '.';
display: block;
clear: both;
height: 0;
overflow: hidden;
visibility: hidden;
}