Comment remplir à 100% du reste à la hauteur?

+--------------------+
|                    |
|                    |
|                    |
|                    |
|         1          |
|                    |
|                    |
|                    |
|                    |
+--------------------+
|                    |
|                    |
|                    |
|                    |
|         2          |
|                    |
|                    |
|                    |
|                    |
+--------------------+

Contenu de (1) comme illustré ci-dessus sont inconnus, car elle peut augmenter ou diminuer dans les pages générées dynamiquement. La deuxième div (2) comme indiqué ci-dessus, doivent remplir l'espace restant.

voici un exemple de mon code html

<div id="full">
<!--contents of 1 -->
<div id="someid">
<!--contents of 2 -->
</div>
</div>

css...

#full{width: 300px; background-color: red;}
#someid{height: 100%;}

Ou est-ce la méthode de mal? Comment dois-je faire?
veuillez voir mon démo et me montrer mon erreur.

  • Voulez-vous l'une hauteur de 1, + 2 à la hauteur exacte de la fenêtre d'affichage? Ou 2 est de la même taille que la fenêtre d'affichage et il fait défiler égale à la hauteur de 1?
  • une hauteur de 1, je ne sais pas, et le reste de 1, puis 2, pleine hauteur.
  • Qu'entendez-vous par height:100% ? Entendez-vous la div doit occuper le reste de la hauteur?
  • oui! reste de la hauteur.
  • reste la hauteur de la page ou le reste des scrollheight à l'intérieur de la page?
  • Il serait ok dans les deux conditions.
  • Je ne peux pas vous aider, mais juste de mettre à jour votre question afin que d'autres puissent vous aider. La prochaine fois, veuillez expliquer votre message clairement.. 🙂