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.
Exemples réalisés par Jérémie Patonnier Réutilisation libre de droits