visibility: hidden と display: noneの違い

visibility: hidden と display: none は、どちらも要素を非表示にするために使いますが、動作や影響範囲が異なります。それぞれの違いについてメモします。 visibility: hidden 動作 要素は非表示になりますが、その要素の レイアウト（スペース） はそのまま残ります。 使いどころ 要素を見えなくするが、レイアウトに影響を与えたくない場合に使用します。 例 <div style="visibility: hidden;">隠れた