displayとvisibilityの違いの例を紹介します。

displayは通常none、inline、block visibilityに設定できます。hidden、visibleはdisplayがnoneで、visibilityがhiddenである場合、元素が見えなくなります。でも、まだ違いがあります。displayは元素を隠し、位置を占有しなくなります。visibilityは元の位置を占めます。例を見れば分かります。