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>