我使用可视性:隐藏来隐藏某些元素，但它们在隐藏时仍然占用页面空间。
我怎么能让它们在视觉上完全消失，就好像它们根本不在DOM中一样(但实际上没有从DOM中删除它们)?
当前回答
尝试设置display:none为隐藏，设置display:block为显示。
其他回答
Display:none隐藏，设置Display:block显示。
如果显示:无;不管用，你必须加上clear: none;
将可见性设置为隐藏，我所知道的唯一不占用空间的方法是使用position:absolute，然后设置顶部，左侧等参数。虽然不理想，但很有效。
使用display:none是一个很好的选择，只是删除一个元素，但它也会被屏幕阅读器删除。也有关于它是否影响SEO的讨论。在a List Apart上有一篇关于这个主题的好文章
如果你真的只是想隐藏而不是删除一个元素，最好使用:
div {
position: absolute;
left: -999em;
}
像这样，它也可以由屏幕阅读器读取。
这种方法唯一的缺点是，这个DIV是实际呈现的，它可能会影响性能，特别是在移动电话上。
$('#abc').css({"display":"none"});
这将隐藏内容，也不会留下空白。