27655 sujets

CSS et mise en forme, CSS3

Bonjour

J'ai un bug étrange. En voulant mettre un <main> autour de mes sections, une classe ne s'applique plus.
J'ai fait un codepen simplifié de ma page ici : https://codepen.io/kerlutinoec/pen/XWeoyPz
Et là même sans le <main> la classe
.sectioncachee { max-height: 0%; }
ne s'applique pas.
Le plus étrange c'est que si je met
.sectioncachee { max-height: 0; }
(sans le %), la classe veut bien s'appliquer, mais, sur ma page réelle, c'est alors l'animation qui ne s'applique plus !

Y'a vraiment un truc qui m'échappe ! Merci d'avance pour votre aide.
Bon bein j'ai trouvé mon erreur !
(Il suffisait de poser le problème !)

N'ayant pas jusqu'ici de div englobante, le % ne voulait rien dire !
J'avais jusqu'ici
.sectioncachee { max-height: 0; }
par défaut.
Je m'étonne que l'animation avec
max-height: 0;
marchait jusqu'à ce que je mette une div englobante...
J'ai changé avec des vh partout et c'est bon
Modifié par kerlutinoec (14 Jan 2022 - 12:18)
Meilleure solution