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

如果所有隐藏元素的其他选项都不适合你，还有另一个选项，我没有看到提到。假设元素没有子元素，它就能工作。

它将隐藏一个元素而不占用空间:

display: contents;

检查浏览器的支持，因为它是一个较新的CSS特性。

这个问题的答案是说使用display:none和display:block，但这对那些试图使用css过渡来显示和隐藏内容的人没有帮助。

这也让我抓狂，因为使用display会杀死任何css过渡。

一个解决方案是将这个添加到使用可见性的类中:

overflow:hidden

要做到这一点，确实取决于布局，但它应该在它所在的div中保持空内容。

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

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

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

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

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

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

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