Un div bien dégagé

Le div conteneur de ce paragraphe et de cette image flottée est matérialisé par une bordure rouge. Voici la règle CSS :

.clear {clear: both;}

Ajoutez ce div non sémantique à la fin du contenu du div :
<div class="clear"></div>
et le conteneur englobera l'image entière.

overflow: auto

Le div portant cette image flottée reçoit la règle overflow: auto. La bordure bleue montre que le flottant est entièrement confiné dans son élément parent.

Voici la règle de ce div :

#auto {
border: 1px solid #00f;
zoom: 1;
overflow: auto;}

overflow: hidden

Le div portant cette image flottée reçoit la règle overflow: hidden. La bordure verte montre que le flottant est entièrement confiné dans son élément parent.

#hidden {
border: 1px solid #0c0;
zoom: 1;
overflow: hidden;}