Comment éviter que deux divisions se chevauchent ?

Comment éviter que deux divisions se chevauchent ?

Quand on utilise l’attribut float:left; dans une division (<div>), il arrive souvent qu’on ne puisse pas dimensionner la hauteur du conteneur. 

Cela produit ceci :

La division Voir tous les événements chevauche la division précédente qui contient des divisions avec l’attribut float:left;

Pour obtenir un écart entre les deux divisions, il est nécessaire d’ajouter dans la première division l’attribut overflow:auto;

Exemple de code HTML :

<div style= »position:relative;…;overflow:auto;« >

       <div style= »float:left; … »></div>

       <div style= »float:left; … »></div>

       <div style= »float:left; … »></div>

       …

</div>

<div style= »position:relative;… »>

    Voir tous les événements

</div>