如何保留高度，而显示是none

Question

我有一个div默认显示：无。我如何保留高度，以便在div显示时它不会重新移动它周围的元素？谢谢

Answer 1

而不是把display: none;放在你的div上，把visibility: hidden;。它将隐形，但仍占用空间。

Answer 2

使用visibility: hidden而不是display: none。你的元素不会显示，但其尺寸仍然适用并影响其他元素，因为它仍然是页面流的一部分。

Answer 3

如果你可以使用visiblity隐藏属性而不是display：none你可以实现你想要的。

当你做可见性：隐藏它只是使元素不透明度为0，而元素仍然保留其空间。