Problème avec l'alignement des divs

Question

J'ai 3 divs chacun de 250 largeur et 125 hauteur. Comment puis-je les aligner les uns à côté des autres pour qu'ils fonctionnent sur la plupart des navigateurs?

Answer 1

Cela résout votre problème

<div style='float:left; width:250px; height:125px;'>First</div> 
<div style='float:left; width:250px; height:125px;'>Second</div> 
<div style='float:left; width:250px; height:125px;'>Third</div> 

Cette option est facultative

<div style='display:inline-block'> 
    <div style='float:left; width:250px;'>First</div> 
    <div style='float:left; width:250px;'>Second</div> 
    <div style='float:left; width:250px;'>Third</div> 
</div> 

Le fait ci-dessus vous que tout contenu qui relève de la principale div est inférieure à trois de la div intérieure. Testez-les en mettant du contenu à la fois dans le style différent et vous verrez ce que je veux dire. Supprimez la valeur de hauteur du premier pour obtenir une meilleure explication.

Answer 2

S'ils ont tous une hauteur identique, il suffit d'utiliser float: left sur eux, à condition que leur boîtier soit suffisamment large pour les contenir tous.