Utilite de height en css

Bonjour,

est ce que cet exemple vous parle ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
	<body>
		<div>
			toto
		</div>
	</body>
	</html>
 
	<style>
                html{
                        background-color: red;
                }
                body{
                        height: 100vh;
                        /* min-height: 100vh; */
                        margin:0;
                        background-color: blue;
                }
                div{
                        height: 1300px;
                }
        </style>

Sinon, un peu de lecture sur les notions de viewport / viewlayout / units

https://developer.mozilla.org/fr/doc...wport_concepts
https://developer.mozilla.org/fr/doc...gueur_relative

Définir la propriété body{height: 100vh} prévient l'agrandissement de celui ci à suivre la hauteur du viewlayout (!=viewport).

Quand vous définissez une min-height vous donnez la possibilité au moteur de rendu d'agrandir la hauteur du bloc autant que nécessaire.

Bonne journée.