我使用可视性:隐藏来隐藏某些元素，但它们在隐藏时仍然占用页面空间。
我怎么能让它们在视觉上完全消失，就好像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?
当前回答
显示:none是解决方案，这是完全隐藏元素与它的空间。
关于显示:无，可见性:隐藏
可见性:隐藏意味着标签不可见，但是在页面上为它分配了空间。
显示:none表示完全隐藏元素的空间。(尽管您仍然可以通过DOM与它交互)
其他回答
将可见性设置为隐藏，我所知道的唯一不占用空间的方法是使用position:absolute，然后设置顶部，左侧等参数。虽然不理想，但很有效。
尝试设置display:none为隐藏，设置display:block为显示。
这个问题的答案是说使用display:none和display:block，但这对那些试图使用css过渡来显示和隐藏内容的人没有帮助。
这也让我抓狂，因为使用display会杀死任何css过渡。
一个解决方案是将这个添加到使用可见性的类中:
overflow:hidden
要做到这一点，确实取决于布局，但它应该在它所在的div中保持空内容。
使用style代替
<div style="display:none;"></div>
Display:none隐藏，设置Display:block显示。