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

Question

我有一個div默認顯示：無。我如何保留高度，以便在div顯示時它不會重新移動它周圍的元素？謝謝

Answer 1

而不是把display: none;放在你的div上，把visibility: hidden;。它將隱形，但仍佔用空間。

Answer 2

使用visibility: hidden而不是display: none。你的元素不會顯示，但其尺寸仍然適用並影響其他元素，因爲它仍然是頁面流的一部分。

Answer 3

如果你可以使用visiblity隱藏屬性而不是display：none你可以實現你想要的。

當你做可見性：隱藏它只是使元素不透明度爲0，而元素仍然保留其空間。