当div设置为可见时停止内容移动？

Question

我有一个隐藏的div，当单击一个单选按钮时会显示，但当我让div可见时，它下面的段落会被推下来，有什么方法可以让段落推下来当div被隐藏时，它不会移动？这是我的代码

HTML

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

CSS

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

的Javascript

{{1}}

Answer 1

按display更改属性visibility;它的目的是将div放置在页面上，但如果给它一个“hiden”值，则将其设为不可见。

请参阅this

CSS：

#container {
    visibility: hidden;
}

的JavaScript

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