Les problèmes de flottaison en CSS

Le problème

Ce bloc flottant étant beaucoup plus haut que son conteneur, il déborde. Notez le petit carré bleu à l'exterieur du conteneur.

La solution avec overflow

Grâce à la propriété overflow:hidden, ce bloc ne déborde plus. Mais ou est mon petit carré bleu à l'exterieur ?

La solution avec :after

Grâce au pseudo-élément :after, ce bloc ne déborde plus. Ooooh mon petit carré bleu est toujours là ! \o/

Pour IE6 & 7

Le seul moyen de gérer les problèmes de flottaison avec IE6 et 7 passe par la maitrise du fameux "hasLayout". A mixer avec les autres techniques pour faire du multi-navigateurs.