Jquery 如何删除隐藏div占用的空间

Jquery 如何删除隐藏div占用的空间,jquery,html,css,Jquery,Html,Css,我有下面列出的一组div <div id="invoice"></div> <div id="claim"></div> <div id="draft"></div> 为了隐藏它 $("#draft").css('display','none'); 同样,对于所有的id,我是新来的,所以如果我在某个地方错了,请纠正我。提前谢谢。如果我理解你下面的问题,回答可能会有帮助 div{ 宽度:40px; 高度:80px; }

我有下面列出的一组div

<div id="invoice"></div>
<div id="claim"></div>
<div id="draft"></div>
为了隐藏它

 $("#draft").css('display','none');

同样,对于所有的id,我是新来的,所以如果我在某个地方错了,请纠正我。提前谢谢。

如果我理解你下面的问题,回答可能会有帮助

div{
宽度:40px;
高度:80px;
}
任何人:空的{
显示:无
}
包含一些数据的Div将可见

发票联
使用
显示:无
完全隐藏元素并保留其空间

使用
visiblity:hidden
隐藏元素,同时将其保留在原来的位置

div{
背景色:红色;
宽度:150px;
高度:50px;
边框:实心1px黑色;
}
#草稿{
显示:无;
}
发票
声称
草案

另一个
使用display:none,没有占用空间-如果使用visibility:hidden,则没有占用空间。在这种情况下,是flex打破了它:我不知道如何显示:没有人占用空间。。。
 $("#draft").css('display','none');