Qual'è il modo migliore di applicare il clear ai float CSS?

Short link

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;
}

L'autore

Gabriele Romanato, sviluppatore web full stack specializzato in siti, applicativi web ed e-commerce con Node.js e PHP.