Plus simple des pages pour démontrer mon problème:
<body>
<form>
<div id="container"></div>
</form>
</body>
4 Réponses :
100% de hauteur dépend de tous les ancêtres ayant explicitement déclaré une hauteur. Ajoutez une hauteur au formulaire code> code> et votre exemple devrait fonctionner.
HTML, BODY, FORM {
height: 100%;
}
formulaire est un élément bloc , éléments de blocage n'a pas de hauteur, à moins que leur contenu se développe ou ne soit explicitement donné une hauteur. L'ancêtre le plus proche de #Container est formulaire , et la hauteur est 0 , donc #container s Code> 0 .
Pour être parfaitement explicite, formulaire < / Code> est "Contenu de flux" , les navigateurs utiliseront Affichage: Bloquer par défaut.
Essayez,
<div id="container"> </div>
juste