Les partenaires publicitaires:

Comment arrêter div chevauchement

Lors de l'utilisation des conteneurs DIV dans la conception de votre page Web, vous pouvez vous sentir la nécessité de préciser la hauteur, la largeur et le positionnement des conteneurs individuels par rapport à la fenêtre du navigateur et de l'autre. Cependant, quand le faire, vous pouvez constater que vos contenants DIV chevauchent les uns les autres et provoquent la mise en page visuelle à briser. Heureusement, vous pouvez résoudre ce problème en utilisant l'élément de style d'affichage HTML.

Instructions

  1. Ouvrez la page Web avec les conteneurs DIV chevauchent dans votre éditeur de texte préféré.

  2. Déplacez votre curseur sur l'étiquette du premier conteneur DIV dont les propriétés d'affichage que vous souhaitez régler.

  3. Insérez le code suivant dans la balise du conteneur DIV:

    style = "display: block"

  4. Répétez l'étape 3 avec chaque conteneur DIV ultérieure qui chevauche une autre.

  5. Enregistrez et publiez votre page web. Les conteneurs DIV vous avez ajusté va maintenant étirer pour remplir l'espace horizontal disponible, ajustent leurs hauteurs verticales pour accueillir tout le contenu en leur sein, et non se chevaucher.

» » » » Comment arrêter div chevauchement