Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment obtenir 100% de la largeur div avec CSS

La balise div ou division en HTML divise le contenu d'une page Web en unités distinctes. Une div fonctionne dans les limites d'autres unités, telles que l'élément de corps HTML ou même un autre div. L'élément de corps principal du récipient est parent ou à l'intérieur de toutes les autres unités qui existent. Il limite la largeur des unités sein. Attributs de largeur du bloc peuvent être réglés en utilisant le CSS (Cascading Style Sheets). Définissez les margin et padding attributs du bloc parent à zéro et la div enfant prendra jusqu'à 100 pour cent de sa largeur.

Instructions

  1. Ouvrez le fichier HTML que vous souhaitez modifier dans un éditeur de texte, tel que Notepad.




  2. Entrez le code suivant n'importe où dans la balise de corps que vous voulez la div apparaisse. Le tableau suivant définit la largeur de quoi que ce soit figurant dans la balise div à 100 pour cent (et définit une couleur de fond ainsi, pour une meilleure visibilité de la div):

    Ceci est un div WIDE

    Vous pouvez modifier la largeur à tout autre pourcentage, comme 30 pour cent:



    Ceci est un div moins large

  3. Enregistrez et fermez le fichier, puis l'ouvrir dans un navigateur Web pour tester vos modifications.

Conseils Avertissements

  • La hauteur d'un div peut également être de style avec CSS. Cependant, la hauteur de l'élément parent doit être explicitement défini. Par exemple, pour faire un div remplir 100 pour cent d'une fenêtre de navigateur, définissez l'attribut de la hauteur du corps à 100 pour cent, puis définir l'attribut de la hauteur de la div à 100 pour cent ainsi.
  • Tous les navigateurs Web ne présentent pas de pages à l'identique. Certains navigateurs peuvent ajouter des marges ou rembourrage par défaut qui empêchent un div d'afficher exactement comme prévu. Pages Web d'essai avec les différents navigateurs - y compris les anciennes versions du même navigateur fonctionnant sous les systèmes d'exploitation des ordinateurs les plus populaires.

Questions connexes

» » » » Comment obtenir 100% de la largeur div avec CSS