Résumé de la façon d'utiliser l'attribut height en CSS

La hauteur CSS fait référence à la hauteur p correspondante définie via les styles CSS. L'attribut hauteur CSS est le mot hauteur. La largeur peut être définie pour calculer la hauteur en pourcentage, définir la hauteur en tant que valeur de pixel, définir la hauteur. en unités de longueur relative, etc. Cet attribut est pris en charge par tous les principaux navigateurs. Ce qui suit résume l’utilisation de l’attribut height.

1.Utilisez CSS pour résoudre le problème hautement adaptatif

Je suis très réticent à utiliser js pour résoudre le problème hautement adaptatif car il n'est pas facile à maintenir et pas assez naturel, mais il n'est pas facile d'utiliser du CSS pur, comme l'exemple dont je vais parler ci-dessous.

Exigences :

1. La hauteur de ce rectangle est la même que la hauteur de la fenêtre du navigateur, et les barres de défilement verticales ne peuvent pas apparaître

2. la partie verte est fixe, comme 50px

3. La partie violette remplit la hauteur restante

2.Deux façons d'ajuster la hauteur du flotteur. de plusieurs divs en CSS

Css plusieurs p flottent côte à côte, les hauteurs sont adaptatives (auto-augmentantes)

Lors de l'utilisation de Div + CSS pour trois ou deux colonnes mise en page, faites en sorte que les hauteurs des deux colonnes (ou trois colonnes) soient identiques, c'est facile à implémenter en utilisant Table, mais il est plus difficile d'utiliser Div + CSS. Selon la pratique générale, la plupart d'entre eux utilisent le remplissage d'une image d'arrière-plan ou un script JS pour uniformiser la hauteur.

3.Explication détaillée de la façon dont CSS contrôle la largeur/hauteur maximale et la largeur/hauteur minimale des divs

C'est souvent utilisé dans la production de pages Web Il est nécessaire de contrôler la largeur/hauteur maximale ou la largeur/hauteur minimale de la largeur p, mais de nombreux amis rencontreront des problèmes d'incompatibilité dans IE6, y compris moi, je rencontre souvent de tels problèmes et j'ai beaucoup cherché sur Baidu et. Je n'ai pas pu le résoudre. Plus tard, je l'ai appris sur un forum et j'aimerais partager avec vous le code de style CSS3. Au fil du temps, il est entièrement compatible avec tous les principaux navigateurs grand public.

4.Solution pour la hauteur adaptative dans la mise en page DIV+CSS

Cet article utilise des exemples pour expliquer en détail comment utiliser DIV +Comment adapter la hauteur dans la mise en page CSS.

5.CSS contrôle la hauteur de la page HTML, provoquant du jitter.

CSS contrôle la hauteur de la page HTML, provoquant une gigue. En fait, la cause première du problème de gigue élevée des pages est due au fait que la barre de défilement est affichée

Après les tests, elle peut être implémentée. De là, on peut conclure que la cause première de ce type de problème de gigue de page causé par la hauteur est en fait due à l'affichage ou non de la barre de défilement.

Questions et réponses connexes sur l'utilisation de l'attribut de hauteur :

1.css - la hauteur adaptative div remplit automatiquement la hauteur restante

2.Comment utiliser flex pour implémenter une disposition à trois colonnes, mais la hauteur des éléments enfants doit être adaptative ?

3.Comment faire en sorte que les mêmes lignes avec des hauteurs différentes soient égales en hauteur dans CSS3 flex ?

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!