Que faire si l'arrière-plan CSS dépasse la largeur

Le fond css dépasse la largeur car l'image de fond est trop grande. La solution : ouvrez d'abord le fichier css correspondant puis ajoutez le "background-size:100% 100%" ou "background-size:contain". " style. Adaptez simplement la largeur et la hauteur de l'image d'arrière-plan à la zone de contenu.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.

Recommandé : Tutoriel vidéo CSS

L'image d'arrière-plan CSS dépasse la largeur du conteneur défini car l'image d'arrière-plan est trop grande. L'arrière-plan d'un élément

correspond à la taille totale de l'élément, y compris le remplissage et les bordures (mais pas les marges). Par défaut, l'image d'arrière-plan est placée dans le coin supérieur gauche de l'élément.

Solution :

Ajouter background-size: 100% 100% ou background-size:contain style pour adapter complètement la largeur et la hauteur de l'image d'arrière-plan. à la zone de contenu.

div{
        background-image: url(images/1.jpg);
       background-size: 100% 100%;
       
}

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!