Donc, j'essaie de créer une classe div qui s'affichera à la suite, puis automatiquement à la ligne suivante lorsque tout l'espace sera occupé.Flotteurs gauche CSS superposés
.contributor_thumbnail {
display: block;
float: left;
width: 150px;
height: 150px;
border: 1px solid #777;
}
Alors que quand je l'appelle le code comme ceci:
<div class="contributor_thumbnail">thumb here</div>
<div class="contributor_thumbnail">thumb here</div>
<div class="contributor_thumbnail">thumb here</div>
<div class="contributor_thumbnail">thumb here</div>
Les divs seront assis côte à côte.
À l'heure actuelle, les divs se chevauchent tout simplement. Des idées?
Ce tout a commencé à travailler ... Peut-être que je viens de ne pas enregistrer les modifications avant de télécharger – ThinkingInBits
me semble heureux: http://jsfiddle.net/ydBrY/ Vous sont probablement laisser quelque chose qui crée le problème. Publiez un exemple approprié en tant qu'URL ou utilisez jsfiddle comme je l'ai fait. – RoToRa
Vous n'avez pas besoin de spécifier 'display: block;' pour les divs, car ils sont par nature des éléments de niveau div. – Kyle