La raison est que puisque tous les éléments sont configurés à l'aide de position:absolute, le div de contenu chevauche l'en-tête.

Cela entraîne le masquage de l’en-tête lors de l’interaction. Ainsi, lorsque nous cliquons, l'événement click est en fait déclenché sur le contenu, pas sur le bouton (voir ci-dessous).

Nous pouvons utiliser les méthodes suivantes :

• Soit supprimer position:absolute du DIV
• Calculez la hauteur du contenu à l'aide de la fonction CSS viewport units/calc pour éviter les chevauchements avec le pied de page