Além do display: none, existem diversas maneiras de “esconder” ou “apagar” elementos no CSS, cada uma com comportamentos diferentes em relação ao layout e à acessibilidade:

• O que faz: Remove o elemento completamente do fluxo da página. É como se ele não existisse no HTML.
• Espaço ocupado: Nenhum.
• Interação: Não é possível clicar nem interagir. 

• O que faz: Torna o elemento invisível, mas ele ainda está lá.
• Espaço ocupado: Sim, o elemento continua ocupando o mesmo espaço físico na tela (fica um “buraco” branco).
• Interação: Não é possível clicar.