2010-08-27 3 views
0

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?

+0

Ce tout a commencé à travailler ... Peut-être que je viens de ne pas enregistrer les modifications avant de télécharger – ThinkingInBits

+0

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

+0

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

Répondre