J'utilise le dernier site (actuellement pris en charge uniquement par la dernière version de Chrome, pour autant que je sache) et j'essaie d'empêcher les éléments flexibles de dépasser une hauteur maximale.
Le mieux est de l'expliquer par un exemple : http://jsbin.com/efedof/2/edit
Les premiers exemples .content
(plus les deux .bar
éléments) ne dépasse pas la hauteur de 300px
Donc, c'est correct. Mais avec le deuxième exemple, le texte pousse le bas de la page .content
en bas, à l'extérieur de la .box
div.
Comment puis-je imposer une hauteur totale maximale pour les trois éléments flex combinés, de sorte que l'affichage de la page d'accueil ne soit pas modifié ? .content
devient défilable au lieu de s'étendre en dehors de la zone d'affichage. .box
et en poussant le .bar
de la .box
?
Gracias.