communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > À mesure que le conteneur div s'agrandit, la couleur d'arrière-plan ou l'image qu'il contient augmente en conséquence_HTML/Xhtml_Webpage Production

À mesure que le conteneur div s'agrandit, la couleur d'arrière-plan ou l'image qu'il contient augmente en conséquence_HTML/Xhtml_Webpage Production

WBOY
Libérer： 2016-05-16 16:38:43
original
1120 Les gens l'ont consulté

Copier le code
Le code est le suivant :

height:auto !important
height:550px ;
min-height:550px;

Ajoutez le code à la fin du Div :
< /div>

Ou utilisez



2. > Cette méthode est utilisée sur le conteneur parent. La pseudo-classe et la déclaration de contenu après ajoutent un nouveau contenu à la fin du contenu actuel spécifié. Une approche courante consiste à ajouter un « point » car il est plus petit et moins visible. Ensuite, nous l'utilisons pour effacer le float (fermer l'élément flottant) et masquer le contenu.

Cette méthode a une compatibilité générale, mais après divers hacks, elle peut gérer différents navigateurs, et en même temps elle peut garantir que le HTML est relativement propre, donc il est toujours utilisé plus souvent.




Copier le codeLe code est le suivant :
#outer : après{
content: ".";
hauteur:0;
visibilité:caché
affichage:bloc
clair:les deux; 🎜>3 .Définissez le débordement sur caché ou automatique

Cette méthode consiste à définir le débordement du conteneur parent sur caché ou automatique pour fermer l'élément flottant dans un navigateur conforme aux normes

Mais. lors de l'utilisation du débordement, peut avoir un impact sur les performances de la page, et cet impact est incertain. Il est préférable de tester votre page sur plusieurs navigateurs

4. Éléments externes flottants, float-in-float
Cette approche consiste à faire flotter le conteneur parent, ce qui profite d'une caractéristique des éléments flottants : les éléments flottants fermeront les éléments flottants. Cette méthode donne de bons résultats dans IE/Win et les navigateurs compatibles avec les standards, mais l'inconvénient est également évident : le conteneur parent peut ne pas flotter simplement parce qu'il veut flotter. Après tout, le flottement est un comportement spécial, et parfois la mise en page ne l'est pas. correct. Le laisser flotter est également normal.
Étiquettes associées：
图片 couleur de fond
source：php.cn
Article précédent：Quelques paramètres de Div concernant les bordures et la production de pages transparence_HTML/Xhtml_web Article suivant：Comment définir l'attribut width pour la production de pages style_HTML/Xhtml_Web de la balise span
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Générez des valeurs par défaut et des variables CSS à l'aide de SCSS J'implémente le style du site Web. Pour des raisons de support hérité, je dois prendre en ...
Depuis 2024-04-06 17:46:54
0
1
355
Problème d'initialisation de la propriété CommandText J'essaie de matérialiser les données dans 2 (plus tard 3) tables simultanément à l'aide d'...
Depuis 2024-04-04 22:43:24
0
1
385
Titre révisé : Calculer le total en fonction de la sélection d'une case à cocher Je développe une application simple de suivi financier. Dans l'application, il y a un tabl...
Depuis 2024-04-04 13:45:50
0
1
3465
Comment positionner un div à côté d'une barre latérale de sorte que lorsque la barre latérale s'ouvre, le div soit poussé vers la gauche Chaque fois que j'ouvre la barre latérale, le div du contenu principal sera positionné sou...
Depuis 2024-04-03 14:47:21
0
1
325
Comment aligner les images en utilisant la grille CSS ? J'essaie de créer une partie d'un site Web en utilisant une grille CSS. J'essaie de faire ...
Depuis 2024-04-01 22:08:31
0
1
338
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal