显示:none是解决方案，这是完全隐藏元素与它的空间。

关于显示:无，可见性:隐藏

可见性:隐藏意味着标签不可见，但是在页面上为它分配了空间。

显示:none表示完全隐藏元素的空间。(尽管您仍然可以通过DOM与它交互)

使用display:none是一个很好的选择，只是删除一个元素，但它也会被屏幕阅读器删除。也有关于它是否影响SEO的讨论。在a List Apart上有一篇关于这个主题的好文章

如果你真的只是想隐藏而不是删除一个元素，最好使用:

div {
  position: absolute; 
  left: -999em;
}

像这样，它也可以由屏幕阅读器读取。

这种方法唯一的缺点是，这个DIV是实际呈现的，它可能会影响性能，特别是在移动电话上。

$('#abc').css({"display":"none"});

这将隐藏内容，也不会留下空白。

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

将可见性设置为隐藏，我所知道的唯一不占用空间的方法是使用position:absolute，然后设置顶部，左侧等参数。虽然不理想，但很有效。

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

visibility: hidden;
max-height: 0;