CSS: display vs. visibility

Die CSS Eigenschaften display und visibility sind grundlegende Werkzeuge zur Steuerung von Layout und Sichtbarkeit. Beide beeinflussen die Darstellung von Elementen, doch ihre Funktionsweise unterscheidet sich grundlegend. Während

display: none; 

ein Element komplett aus dem DOM entfernt und damit den Seitenfluss verändert, sorgt

visibility: hidden; 

lediglich dafür, dass ein Element unsichtbar wird – der reservierte Platz bleibt bestehen.