display:none没有隐藏元素所占空间的原因

今天想写一段前端的效果，然后就手动使用原生JavaScript生成了一些HTML的DOM，其中有一些是带有`display:none;`隐藏的css属性的，我的本意是想隐藏这些元素并且不占用空间，但是使用JavaScript动态生成的DOM，动态添加的css属性`display:none;`的话，元素就会发生只隐藏但空间占用的情况还是存在。