html - 将 div 包裹在隐藏的 div 周围

Question

我有一个父 div“d1”，它包含一个子 div“d2”。每次单击特定按钮时，d2 的可见性都会发生变化。我需要的是在 d2 隐藏时将 d1 包裹在它的其他内容周围，并在 d2 可见时展开。 它是这样的:

<div id="d1">
    <p>Content which is visible all the time</p>
    <button onclick="changed2()">Alter d2 visibility</button>
    <div id="d2" style="visibility:hidden;">
    </div>
</div>

我想知道在不使用 Bootstrap 之类的情况下，是否可以通过 HTML 或 CSS 实现类似的功能。 谢谢。

Answer 1

使用display:none 和display: block 而不是使用visibility: hidden 和visibility: visible

因为 display:none 将完全隐藏元素及其空间。