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>

Commentaires

Posts les plus consultés de ce blog

Le vaccin n’est pas la bonne technologie

Scénario d'une gestion durable de l'humanité imaginée par un informaticien