Il primo e più vecchio modo di eliminare il problema degli elementi float era il classico div vuoto con stile clear:both;... Semplice, veloce, peccato per quel markup extra presente sulla pagina!
Oggi stanno prendendo piede i metodi di auto clear, nonostante siano necessari degli hack affinchè funzionino correttamente anche sui browser più vecchi.
Ma un metodo poco discusso e forse poco diffuso è quello di usare lo stile overflow:hidden; sull'elemento contenitore degli elementi floattanti. Veloce e indolore.
Un esempio? Allora vi rimando a Quirksmode, che in questo articolo http://www.quirksmode.org/css/clearing.html parla proprio di questa tecnica!
Nessun commento:
Posta un commento