BFE.devでのAI解答例 - フロントエンド面接質問
168. What is the difference between `display:none` and `visibility:hidden`

display:noneとvisibility:hiddenの違いは、前者は指定された要素を完全に非表示にし、レイアウトから取り除きますが、後者は要素を非表示にしますが、要素のスペースは保持します。つまり、display:noneは要素の表示とレイアウトが一切行われないため、その要素にアクセスすることができず、visibility:hiddenは要素が非表示にされますが、要素の領域が取られ、アクセスすることができます。