Obtenir 3 images côte à côte

Question

J'ai un cadre de 760px de large. J'ai alors un div appelé principal à l'intérieur de celui qui est 750px de large et a un remplissage de 5px.

.main { 
width:750px; 
background-color:#FFF; 
border-style:solid; 
border-width:thin; 
padding:5px; 
margin-bottom:10px; 

}

J'ai alors un div intérieur qui a appelé le dernier que je veux 3 côte à côte.

.latest { 
width:240px; 
padding:5px; 

}

Si je mets float: left sur la dernière div, il finit avec eux étant en dehors du principal.

<div class="main"> 
    <div class="latest"> 
     asdasdas 
    </div> 

    <div class="latest"> 
     asdasdas 
    </div> 

    <div class="latest"> 
     asdasdas 
    </div> 
</div> 

Le code que j'utilise pour tout mettre ensemble. Je ne peux pas penser à autre chose. Merci pour la lecture, j'espère que vous pouvez aider!

Answer 1

Ajouter un débordement: auto à la div.

Plus explication ici: http://gtwebdev.com/workshop/floats/enclosing-floats.php

Answer 2

.latest { 
    width:240px; 
    padding:5px; 
    float: left; 
} 

quelque chose à lire http://css.maxdesign.com.au/floatutorial/

Lire ce, http://css.maxdesign.com.au/floatutorial/clear.htm

Cela va sans doute résoudre votre problème

ajouter dans votre principale div

<div class="clear"></div> 

et ajoutez ceci à votre style

.clear { 
clear: both; 
}