尝试设置display:none为隐藏，设置display:block为显示。

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

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

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

overflow:hidden

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

尝试设置display:none为隐藏，设置display:block为显示。

使用style代替

<div style="display:none;"></div>

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

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

由于我一直在解决这个问题并进行研究，所以我想分享一下我的见解。如果您已经进入了这个页面，我假设您正在试图弄清楚为什么您的元素占用了页面上的空间，即使有样式。Display = "none"。

最有可能的是，造成这种情况的原因并不是存在问题的元素;而是它的孩子、父母或兄弟姐妹。打开控制台，转到Elements选项卡。看看里面有什么可能占据空间的线索。也许你正在使用模板引擎，并没有意识到<br>是在动态<div>之外呈现的。或者，您应该瞄准嵌套更多的元素。在进行故障排除时，请尝试按照这些思路进行思考。