2013-05-18 6 views
0

Jetez un oeil à ce html:div largeur apte à son contenu et déborder son parent

<div class="parent_container"> 
    <div class="container"> 
     <div class="item"> 
      <img src="http://mountainguides.com/wordpress/wp-content/uploads/2010/11/Illinizas-photo-ty-gimenez.jpg"/> 
     </div> 
     <div class="item"> 
      <img src="http://mountainguides.com/wordpress/wp-content/uploads/2010/11/IMG_0700.jpg"/> 
     </div> 
    </div> 
</div> 

Je suis en train de faire div: item ligne dans une ligne et div: container redimensionnera auto largeur pour adapter ses enfants. Je ne connais pas le nombre de div: item donc je ne peux pas la largeur spécifique pour div: container.

Voici un jsFiddle: http://jsfiddle.net/trongcuong1710/cDqSj/4/

+0

div.item -> bloc-en-ligne? – bwoebi

+0

Cela ne fonctionne pas. J'ai cherché google pour la solution et aucun d'eux ne semble fonctionner, y compris votre solution –

+0

est 200px une largeur définie pour .parent_container comme dans votre exemple? – Arbel

Répondre

1
.container { 
position:absolute; 
float:left; 
width: 100%; 
min-width:1px; 
} 

Est-this (jsfiddle.net/cDqSj/7/) ce que vous voulez?

+0

Merci Sergio! Cela fonctionne comme je l'espérais: D –

Questions connexes