我使用可视性:隐藏来隐藏某些元素,但它们在隐藏时仍然占用页面空间。

我怎么能让它们在视觉上完全消失,就好像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?


当前回答

感谢这个问题。我想要的正好相反,即一个隐藏的div仍然应该占据它在浏览器上的空间。因此,我使用visibility: hidden而不是display: none。

其他回答

Display:none隐藏,设置Display:block显示。

如果显示:无;不管用,你必须加上clear: none;

切换显示不允许平滑的CSS过渡。相反,切换能见度和最大高度。

visibility: hidden;
max-height: 0;

下面是关于展示后放回原处的另一种看法:没有。不要使用display:block/inline等。相反(如果使用javascript)设置css属性显示为“(即空白)

显示:不显示是避免占用页面空白的最好方法