j'ai 3
Ils sont tous positionnés Comment définir (contenu) Hauteur automatiquement pour être 100%? p> Le problème est que le dernier texte de la section Content est masqué par Footer Div. P> Comment Définir le contenu strong> Div Hauteur Calculez automatiquement 100% - Hauteur de pied de page ? p> p>
<div class="wrapper">
<div class="box1">head</div>
<div class="box2">content>last text</div>
<div class="box3">foot</div>
</div>
4 Réponses :
Pour votre cas, Pour plus de détails sur calc () La fonction CSS vous permet d'effectuer des calculs tout en définissant la hauteur, la largeur ou une autre propriété.
Hauteur: Calc (100% - 30px); vous aiderait à sortir.
Calc () , veuillez vous reporter à MDN .
à la hauteur ou à la largeur fixe, vous pouvez utiliser p> calc (100% à 30px); code> ..
Pour gérer la hauteur / la largeur de changement de manière dynamique, vous devez calculer avec JavaScript comme celui-ci ....
<div class="header" id="header">header</div>
<div class="content" id="content">content</div>
<div class="footer" id="footer">footer</div>
Ajouter une hauteur: CALC (100% - 60PX); Pour p> BOX2 CODE> pour MINUS-Hauteur et le pied de page Hauteur et définissez Overflow-y: Caché à HTML, Corps Pour que vous puissiez obtenir une hauteur DIV à 100% fixe sans faire défiler
<div class="wrapper">
<div class="box1">head</div>
<div class="box2">content<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>last text</div>
<div class="box3">foot</div>
</div>
@Rinnrinn bienvenue mate
au lieu de la hauteur, utilisez bas: 30px; pour la case2. Cela fonctionnera.