divが表示に設定されているときにコンテンツの移動を停止しますか？

Question

ラジオボタンをクリックしたときに表示される非表示のdivがあるが、divを表示させるとその下の段落がプッシュダウンされ、divが非表示のときでも段落をプッシュできるようになる、それは動かないように？ここで

HTML私のコードを変更することによりvisibilityプロパティdisplay Javascriptを

function displayDiv() { 
    document.getElementById("container").style.display = "block"; 
} 

Answer 1

<div id="container">Hello</div> 
<p>Click the button below to view content</p> 
<input type="radio" onclick="displayDiv()"> 

CSS

#container { 
    display: none; 
    color: #fff; 
    font-size: 30px; 
} 

です。その目的は、ページ上にあるかのようにdivを配置することですが、 "hiden"という値を指定すると非表示にします。

は、参照してくださいthis

CSS：

#container { 
    visibility: hidden; 
} 

はJavaScript

function displayDiv() { 
    document.getElementById("container").style.visibility = "visible"; 
}