Solution pour laquelle la couleur d'arrière-plan ne peut pas être affichée en HTML

Aujourd'hui je vais résoudre un petit problème pour vous. Pour de nombreux novices, parfois la couleur de fond de la mise en page ne peut pas être affichée, j'ai résumé deux problèmes et vous donne un exemple ci-dessous pour y répondre

Généralement le. La couleur d'arrière-plan de la mise en page ne peut pas être affichée. Les raisons habituelles d'affichage sont les suivantes :

1. Le flottement causé par l'utilisation de floatfloating ne peut pas être affiché css backgroundColor.

2. L'arrière-plan est généré en raison d'une hauteur insuffisante. Impossible d'afficher

Ensuite, nous présenterons les raisons et les solutions pour lesquelles la couleur ou l'image d'arrière-plan ne peut pas être affichée.

css float produit float et ne peut pas afficher la couleur du style d'arrière-plan

Supposons que le style de couleur d'arrière-plan background soit défini pour un objet et que la boîte interne de l'objet utilise float float Attribut style. À ce stade, l'objet flotte, ce qui empêche l'ouverture de l'objet, de sorte que la couleur d'arrière-plan CSS ne peut pas être affichée. Il existe trois solutions. La première consiste à définir clear . pour effacer float et définir la hauteur CSS, définissez le style CSS overflow.

Un tutoriel détaillé peut être saisi : css clear float

La limite de hauteur fait que la couleur d'arrière-plan ne s'affiche pas complètement

Analyse des causes :

Si vous avoir un objet qui ne calcule pas la hauteur (ou définir accidentellement un style d'attribut de hauteur très petit), car vous n'êtes pas sûr de la quantité de contenu. Lorsque le contenu dépasse la limite de hauteur que vous avez définie, une partie de l'arrière-plan peut ne pas être affichée. .

Solution :

Définissez une hauteur suffisamment élevée, ou annulez la suppression du style de hauteur.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Utilisez DIV et CSS pour créer une boîte rouge avec une bordure unie

Comment faire en sorte que DIV s'adapte à la hauteur

Comment utiliser CSS pour masquer le contenu textuel de l'arrière-plan de l'image

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!