Comment puis-je étendre un DIV jusqu'au bas de la page même lorsqu'il est vide ?

Étendre un bloc DIV jusqu'au bas de la page, quel que soit le contenu

Vous essayez de vous assurer qu'un contenu div s'étend jusqu'à le bas de la page. Cependant, il ne s'étend actuellement que lorsqu'il y a du contenu réel à afficher. Ceci est crucial si vous souhaitez que la bordure verticale reste visible même en l'absence de contenu.

Problème :

Le problème ne réside pas dans la hauteur du div mais avec son contenant. Le conteneur parent n'est pas à 100 % de hauteur, ce qui fait que le div de contenu hérite de cette hauteur.

Solution :

Pour résoudre ce problème, ajoutez le CSS suivant :

html,body { height:100%; }

Ajustements supplémentaires :

Vous devrez peut-être ajuster le rembourrage et des marges pour obtenir l'apparence souhaitée.

Compatibilité avec les navigateurs :

Si vous avez besoin que cela fonctionne sur tous les navigateurs, des modifications supplémentaires peuvent être nécessaires.

Ressources recommandées :

• [Test du corps HTML Taille](http://www.brunildo.org/test/html_body_0.html)
• [HTML et taille du corps](http://www.brunildo.org/test/html_body_11b.html)
• [QuirksMode](http://quirksmode.org/) pour plus d'informations sur la compatibilité des navigateurs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!