Menu déroulant rupture pied de menu

Question

J'ai un fichier html avec de très gros menus déroulants et une petite page. Quand je n'utilise que la page et que je ne touche pas au menu, le pied de page est en bas et il n'y a pas de problème. Lorsque j'utilise le menu déroulant, le pied de page reste au même endroit que précédemment et il y a un énorme espace blanc en dessous. Je ne veux pas qu'il soit corrigé (ce n'est pas pour toutes les pages donc ça va être moche) mais je veux qu'il reste en bas toujours même si j'ouvre le menu déroulant et défile. Comment puis je faire ça? Voici le css du pied de page si cela aide.

footer { 
    margin-top: 10%; 
    text-align: center; 
    background: rgb(200,200,200); 
    padding: 1%; 
    font-size: 18px; 
} 

Answer 1

Comme pied de page devrait être en bas, donc il ne devrait pas avoir margin-top la propriété à la place qu'il devrait avoir bottom:0.

De même, la liste déroulante doit avoir la propriété css max-height, elle ne devrait pas être trop longue.