我有一个默认显示的div：none。我如何保留高度，所以当div显示时，它不会重新移动它周围的元素？感谢
答案 0 :(得分：23)
不要将display: none;放在您的div上，而是放置visibility: hidden;。它将是隐形的，但仍占用空间。
答案 1 :(得分：4)
使用visibility: hidden代替display: none。您的元素将不会显示，但其尺寸仍然适用并影响其他元素，因为它仍然是页面流的一部分。
答案 2 :(得分：3)
如果您可以使用visiblity隐藏属性而不是display：none，则可以实现您想要的效果。
当你做visibilty时：隐藏它只是使元素不透明度为0，而元素仍然保留其空间。
答案 3 :(得分：0)
或者，如果您正在使用jQuery fadeIn / fadeOut并需要将该位置保留为空但保留高度，则只需将所需元素固定为固定高度即可，例如：
<div style="height: 52px;">
<img id="loader" src="loader.gif />
</div>