2017-06-08 2 views
0

je le balisage suivant:Prévenir div s'effondrer si l'enfant min avec jeu

<html> 
<head> 
    <style> 
     html, 
     body { 
      margin: 0; 
      width: 100%; 
      background: #000; 
     } 

     .wrapper { 
      min-width: 1000px; 
      background: #f00; 
      height: 300px; 
     } 
    </style> 
</head> 
<body> 
    <div class="problem-div"> 
     <div class="wrapper"></div> 
    </div> 
</body> 
</html> 

Quand je redimensionnez la fenêtre du navigateur DIV.problem-div prend corps, html ou avec fenêtre (je ne sais pas exactement) . Ce dont j'ai besoin est de faire de cette div pour prendre la largeur de son enfant (.wrapper) sans définir sa min-width ou la positionner en absolu. C'est possible?

Répondre

0

Les divisions sont des éléments de niveau bloc qui auront toujours une largeur de 100%. Définissez la propriété display sur inline-block et cela devrait vous donner le résultat souhaité.

.problem-div { 
    display: inline-block; 
} 
+0

Vous avez fait ma nuit :) Merci –