css div in div hauteur incorrecte

Je voudrais que le conteneur div soit redimensionné à son contenu (contenu div). Ce n'est pas le cas.css div in div hauteur incorrecte

example.html:

<html> 
    <head> 
     <link href="example.css" rel="stylesheet" type="text/css"/> 
    </head> 
    <body> 
     <hr/> 
     <div class="container"> 
      <div class="content"> 
      lorem ipsum 
      </div> 
     </div> 
     <hr/> 
    </body> 
</html>

example.css:

.container 
{ 
    border-style: solid; 
    position: relative; 
} 

.content 
{ 
    border-style: dashed; 
    position: absolute; 
}

Cordialement!

Source

2010-07-29 Panayiotis Karabassis

Les divs positionnés de manière absolue ne dépendent pas de leurs divs parents, donc leur taille ne changera pas. Pourquoi cela doit-il être absolu? – codersarepeople

J'ai une autre div dans le conteneur. Je veux qu'ils apparaissent côte à côte (dans la même ligne horizontale). Donc j'utilise absolu sur le second div pour y arriver. –

Je crois que c'est parce que votre position de contenu est absolue. Je pense que cela détruit à peu près l'influence des parents dans ce contexte. Essayez de commenter cette ligne et voyez si cela fonctionne.

Source

2010-07-29 05:16:20

Oui mais ça doit être absolu. Ceci est un exemple simplifié pour illustrer le problème. –

J'ai remarqué que vous avez dit que vous vouliez qu'ils apparaissent côte à côte. Avez-vous essayé d'utiliser 'float: left;'? Vous devez l'appliquer aux deux et supprimer la position absolue. Si vous avez vraiment besoin d'utiliser absolu, vous devrez faire du JavaScript créatif et probablement mettre à jour la taille de JavaScript quand la fenêtre \ container a été redimensionnée. –

Oui, mais le problème est que si la taille des deux div dépasse la taille de la fenêtre, la deuxième div flottant va apparaître en dessous de la première. En tout cas merci beaucoup à vous et à tous les autres! –

css div in div hauteur incorrecte

Répondre

Questions connexes