正解はdisplay: noneは要素がレイアウトから完全に消え、visibility: hiddenは見えないがスペースを占有することです。display: noneはDOMには存在しますがレンダリングされず周囲の要素が詰まります。opacity: 0も見えなくなりますがスペースは占有します。