Résumé d'utilisation de la hauteur minimale HTML

L'attribut

min-height définit la hauteur minimale de l'élément. Cette valeur d'attribut définit une limite minimale sur la hauteur de l'élément. Par conséquent, l’élément peut être plus grand que la valeur spécifiée, mais ne peut pas être plus court que celle-ci. Les valeurs négatives ne peuvent pas être spécifiées.

Ci-dessous, nous résumons l'utilisation de min-height :

1.Les propriétés min-height et max-height en CSS

Pourquoi est-ce qu'on Utiliser les propriétés de style min-height et max-height ?

Explication de l'endroit où appliquer Css min-height

Nous mettons parfois en place une boîte d'objet pour empêcher l'objet de pouvoir s'ouvrir lorsqu'il n'a pas de contenu, mais que le contenu ne peut pas être déterminé, donc la hauteur ne peut pas être fixée. Dans ce cas, nous aurons besoin de CSS pour définir la hauteur minimale pour élever la boîte d'objet. Lorsque le contenu est petit, la hauteur minimale peut afficher le contenu. Si le contenu est supérieur à la hauteur minimale, l'objet augmentera à mesure que le contenu augmente.

2.Notes sur la hauteur minimale

Méthode 1 :
hauteur min : 160 px ; la hauteur minimale est applicable à Firefox et IE7+ ;
height:auto!important; Définit la hauteur de la boîte d'objet sans positionnement automatique. Utilisez !important pour augmenter la priorité du paramètre de positionnement en hauteur
height:160px ; l'objet Height, du fait de l'utilisation de l'attribut !important, cet attribut n'est reconnu que par IE6.

3.IE6 ne prend pas en charge les solutions parfaites telles que min-height ou max-width_html/css_WEB-ITnose

encore une fois. IE6 ! ! ! L'ennuyeux IE6 ne prend pas en charge la hauteur minimale, mais en fonctionnement réel, cet attribut est indispensable. Alors comment l’implémenter sous IE6 ? Veuillez consulter la solution parfaite fournie par Geniusalien :
(Rappel chaleureux de Geniusalien : la méthode de fonctionnement à hauteur minimale dans cet article est essayée sur la largeur minimale, la largeur maximale et la hauteur maximale. Suivez la même solution que ci-dessous !)

4.La merveilleuse utilisation de la hauteur minimale de mise en page Web DIV CSS (hauteur min)_Échange d'expérience

La hauteur minimale peut définir la hauteur minimale de une BOX, quand même lorsque le contenu est petit, la hauteur de la BOX peut être maintenue constante

L'effet actuel est que la hauteur minimale n'est pas maintenue à 150px dans IE.

5.Notes du débutant sur le front-end Web sur la différence entre la hauteur et la hauteur minimale

Repère de référence du navigateur : Firefox, Chrome, Safari, Opera, IE ; * IE6 ne prend pas en charge l'attribut CSS min-height. Définition de la hauteur minimale : 1. L'élément a une hauteur par défaut ; 2. Lorsque le contenu dépasse la hauteur par défaut de l'élément, la hauteur de l'élément augmente à mesure que le contenu augmente

[Recommandations associées]

1.Tutoriel vidéo html5 original php.cn

2.Le dernier didacticiel vidéo de base p css de Han Shunping en 2016

3. Le dernier didacticiel vidéo HTML de base de Han Shunping en 2016

4.Le dernier didacticiel vidéo HTML avancé de Han Shunping en 2016

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!