2 votes

CSS3 Flexible Box Layout (latest) Hauteur maximale

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.

5voto

Jack Sleight Points 6684

J'ai trouvé la réponse ! . L'astuce consiste à ajouter min-height: 0; à la .content div.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X