html - フォームで DIV を非表示にすると、大きな余白ができます

Question

次を使用して、フォームで DIV を非表示にしようとしています。 document.getElementById('cost_pass').style.visibility = 'hidden';

しかし、そうすると、フォームはDIVがあった場所に空白を保持します。これを修正する方法はありますか?

score 5 · Accepted Answer

これはエラーではありません。可視性はそのように機能します (要素を非表示にしますが、そのスペースを保持します)。ちょうど試して

document.getElementById('cost_pass').style.display = 'none';

score 0 · Accepted Answer

可視性を非表示に設定すると、ページから DIV が非表示になりますが、DIV が占めるスペースはそのままです (可視性はページフローには影響しません)。Display プロパティを使用して div を非表示/表示することを検討する必要があります。

2 に答える 2