Comment faire en sorte qu'un élément Div occupe toujours le plein écran ?

Comment conserver un fichier

Plein écran quelle que soit la taille du contenu

Problème :

Est-il possible de créer un fichier

L'élément occupe tout l'écran quel que soit le contenu qu'il contient ?

Solution :

L'approche CSS suivante permet d'obtenir systématiquement l'effet souhaité :

  <style>
    html, body {
      height: 100%;
      margin: 0;
    }

    #wrapper {
      min-height: 100%; /* This ensures the `#wrapper` is at least as tall as the viewport */
    }
  </style>



  <div>
<p>Cette solution est à la fois simple et compatible avec tous les navigateurs. Cela implique de définir quatre attributs CSS :</p>
<ul>
<li>hauteur : 100 % pour le champ  et  éléments garantit qu'ils remplissent tout l'écran verticalement.</li>
<li>marge : 0 pour le  et  elements supprime toutes les marges ou remplissages par défaut qui pourraient affecter l'effet plein écran.</li>
<li>min-height : 100 % pour l'élément #wrapper garantit qu'il est toujours au moins aussi haut que la fenêtre d'affichage, même si son contenu est plus courte. Cela empêche le contenu d'être recadré ou défilable.</li>
</ul>
</div>

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!